Controlled
Aligned: left
API Reference
ToggleGroupRoot
Container that provides shared state to a series of toggle buttons. Built on Base UI ToggleGroup.
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | Additional CSS classes |
| ...props | React.ComponentProps<typeof BaseToggleGroup> | - | Base UI ToggleGroup props including value, onValueChange, toggleMultiple, disabled |
ToggleGroupItem
Individual toggle button within a ToggleGroup.
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'default' | 'ghost' | 'default' | Visual style of the toggle item |
| size | 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg' | 'default' | Size of the toggle item |
| className | string | - | Additional CSS classes |
| ...props | React.ComponentProps<typeof Toggle> | - | Base UI Toggle props including value, disabled |