Toolbar
Live example
Toolbar
Installation
npx shadcn@latest add https://hextech-ui.vercel.app/r/toolbar.jsonAPI reference
These are the main Toolbar options. See the exported TypeScript types for inherited native or primitive props.
| Prop | Type | Default |
|---|---|---|
orientation | horizontal | vertical | horizontal |
loopFocus | boolean | true |
Keyboard navigation
Give the toolbar an accessible name and match orientation to the layout. Use ToolbarButton for actions and ToolbarSeparator for groups. Arrow-key navigation should follow the visual arrangement.