Skip to Content
ComponentsFormsToggle Group

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

ElementSelector
Toggle.ex-toggle-group
PropTypeDefault
asElementTypediv
asChildbooleanfalse
defaultValuestring | string[]
disabledbooleanfalse
loopbooleantrue
orientationenum of ["horizontal", "vertical"]horizontal
rovingFocusbooleantrue
typeenum of ["single", "multiple"]
valuestring | string[]
onValueChangefunction

Toggle Group Item

ElementSelector
Toggle.ex-toggle-group-item
PropTypeDefault
asElementTypediv
asChildbooleanfalse
disabledbooleanfalse
valuestring
Last updated on