Toggle Group

A segmented control of toggle buttons. Use type="single" for a radiogroup (one choice, aria-checked) or type="multiple" for independent toggles (aria-pressed). Arrow keys move focus within the group; Space/Enter toggle. Controlled or uncontrolled via value / defaultValue.

Single — uncontrolled (defaultValue)

Single — controlled

Multiple — controlled

Declarative items prop (with a disabled item)

Disabled group