Clow

Toggle Group

A glass rail that shares pressed state across its toggles. The pressed one rises to lit glass, echoing the tabs indicator.

Draw

draw a card
$npx shadcn@latest add @clow/toggle-group
First time? Point @clow at the registry

Once per project, add the registry to your components.json. Then draw any card by name.

"registries": {
  "@clow": "https://clow.cards/r/{name}.json"
}
Full setup →

Playground

props
<ToggleGroup />

Examples

basic
multiple

Props

proptypedefault
multiplebooleanfalse
disabledbooleanfalse
orientationhorizontal | verticalhorizontal