Toolbar
A glass rail that keeps a row of controls under one roving focus. Arrow keys walk the rail; hairline separators split it into instrument groups.
Draw
draw a card
$npx shadcn@latest add @clow/toolbarFirst 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
<Toolbar />Examples
basic
Props
| prop | type | default |
|---|---|---|
| orientation | horizontal | vertical | horizontal |
| disabled | boolean | false |
| loopFocus | boolean | true |

