Toggle Group
A group of toggle buttons for single or multiple selection.
A group of toggle buttons for single or multiple selection.
tsx
import { ToggleGroup, ToggleGroupItem } from "@celestia-project/ui/composite/toggle-group"
<ToggleGroup defaultValue={["center"]}> <ToggleGroupItem value="left">Left</ToggleGroupItem> <ToggleGroupItem value="center">Center</ToggleGroupItem> <ToggleGroupItem value="right">Right</ToggleGroupItem></ToggleGroup>| Prop | Type | Default |
|---|---|---|
toggleMultiple | boolean (allow multiple pressed) | false |
variant | default | outline | default |