Toolbar

A container for grouping a set of controls, such as buttons, toggle groups, or dropdown menus.

#Installation

npx @dinachi/cli@latest add toolbar

tsx

import { Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, ToolbarGroup, ToolbarInput } from '@/components/ui/toolbar'

Prop	Type	Default	Description
orientation	'horizontal' \| 'vertical'	'horizontal'	The orientation of the toolbar
loopFocus	boolean	true	Whether keyboard navigation should loop from last to first and vice versa
disabled	boolean	false	Whether the entire toolbar is disabled