Toggle Group
A row of Toggle buttons that act as a single control — radio-style (only one active) or checkbox-style (any subset). Items inherit variant and size from the group via context.
Multiple Selection
Installation
Props
Built on Radix UI Toggle Group.
| Prop | Type | Default | Description |
|---|---|---|---|
type* | "single" | "multiple" | — | Whether one or multiple items can be active. |
value | string | string[] | — | Controlled value(s). |
onValueChange | (value) => void | — | Called when the active value(s) change. |
variant | "default" | "outline" | "default" | Inherited by every ToggleGroupItem. |
size | "default" | "sm" | "lg" | "default" | Inherited by every ToggleGroupItem. |
disabled | boolean | false | Disable all items. |