- Docs
- components
- Toolbar
Toolbar
A toolbar is a container for a set of interactive controls, such as buttons, dropdown menus, or checkboxes, with arrow key navigation.
This project is archived.
shadcn/ui now officially supports React Aria Components. Use shadcn/ui instead
A toolbar is a container for a set of interactive controls, such as buttons, dropdown menus, or checkboxes, with arrow key navigation.
There is no built-in HTML toolbar element. Toolbar helps achieve accessible toolbars with arrow key navigation that can be styled as needed.
npx shadcn@latest add https://jollyui.dev/default/toolbarBy default, toolbars are horizontally oriented. The orientation prop can be set to "vertical" to change the arrow key navigation behavior.