Menubar

A horizontal menu bar with dropdown menus, commonly used for application-level navigation and actions.

#Installation

npx @dinachi/cli@latest add menubar

#Usage

tsx

import { Menubar, MenubarMenu, MenubarTrigger, MenubarPortal, MenubarContent, MenubarItem, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarLabel, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubTrigger, MenubarSubContent } from '@/components/ui/menubar'

#Examples

#API Reference

Prop	Type	Default	Description
loopFocus	boolean	true	Whether to loop keyboard focus back to the first item when the end is reached.
modal	boolean	true	Whether the menubar is modal.
disabled	boolean	false	Whether the whole menubar is disabled.
orientation	'horizontal' \| 'vertical'	'horizontal'	The orientation of the menubar.