Toggle.
A smooth accessible pressed-state toggle for filters and options.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
pressed | boolean | No | false | true · false | Controlled on/off pressed state. |
onPressedChange | (pressed: boolean) => void | No | — | — | Called when the user toggles state. |
children | ReactNode | Yes | — | — | Icon, label, or both; centered in the control. |
disabled | boolean | No | false | true · false | Disable interaction. |
className | string | No | — | — | Additional styling class. |