Get Started
Form
Components
- Accordion
- Alert
- Alert Dialog
- Badge
- Breadcrumbs
- Button Group
- Button
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Collapsible
- Combobox
- Command
- Context Menu
- Data Table
- Date Picker
- Dialog
- Drawer
- Dropdown Menu
- File Field
- Hover Card
- Kbd
- Menubar
- Navigation Menu
- Number Field
- OTP Field
- Pagination
- Popover
- Progress
- Radio Group
- Resizable
- Search
- Segmented Control
- Select
- Separator
- Sidebar
- Skeleton
- Slider
- Sonner
- Switch
- Table
- Tabs
- Text Field
- Toggle Group
- Toggle Button
- Tooltip
A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.
Component menubar-demo not found in registry.
Installation
Copy and paste the following code into your project:
Usage
import {
Menubar,
MenubarContent,
MenubarItem,
MenubarMenu,
MenubarPortal,
MenubarSeparator,
MenubarTrigger,
} from "@/components/ui/menubar"<Menubar>
<MenubarMenu>
<MenubarTrigger />
<MenubarPortal>
<MenubarContent>
<MenubarItem />
<MenubarSeparator />
<MenubarItem />
</MenubarContent>
</MenubarPortal>
</MenubarMenu>
</Menubar>