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 an item component.
Disabled Item
Use the disabled attr or the disabled class to disable an item component.
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 |
Last updated on