Toggle Group

A form component tracking multi-select button arrays that retain clicked or unclicked selections.
For more information on this component configuration, visit Radix UI

Vertical Orientation

Set the orientation prop to vertical to change the orientation of the component.

Disabled

Use the disabled attr or the disabled class to disable a component.

Disabled Item

Use the disabled attr or the disabled class to disable a component.

Controlled

Use the value and onValueChange props when you need to control the value externally.

Uncontrolled

Use the name prop to include the value in the form submission.

API

For more information on this component configuration, visit Radix UI

Toggle Group

Element	Selector
`Toggle`	`.ex-toggle-group`

Prop	Type	Default
`as`	`ElementType`	`div`
`asChild`	`boolean`	`false`
`defaultValue`	`string \| string[]`
`disabled`	`boolean`	`false`
`loop`	`boolean`	`true`
`orientation`	`enum of ["horizontal", "vertical"]`	`horizontal`
`rovingFocus`	`boolean`	`true`
`type`	`enum of ["single", "multiple"]`
`value`	`string \| string[]`
`onValueChange`	`function`

Toggle Group Item

Element	Selector
`Toggle`	`.ex-toggle-group-item`

Prop	Type	Default
`as`	`ElementType`	`div`
`asChild`	`boolean`	`false`
`disabled`	`boolean`	`false`
`value`	`string`