Toggle Group
A set of two-state buttons that can be toggled on or off individually or exclusively.
Installation
pnpm dlx stera-ui@latest add toggle-group
Outline Variant
Sizes
Vertical
Disabled
Custom
API Reference
Built on Base UI's Toggle Group and Toggle primitives — see the full API reference there.
ToggleGroup
| Prop | Type | Default |
|---|---|---|
variant | "default" | "outline" | "default" |
size | "xs" | "sm" | "md" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | "icon" |
multiple | boolean | false |
orientation | "horizontal" | "vertical" | "horizontal" |
spacing | number | 0 |
disabled | boolean | false |
ToggleGroupItem
| Prop | Type | Default |
|---|---|---|
value | string | — |
disabled | boolean | false |