Menubar · Zellify

Installation#

Terminal

npx shadcn@latest add @zellify/menubar

Usage#

menubar.tsx

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

Examples#

Basic

With Submenu

With Checkboxes

With Radio

With Icons

With Shortcuts

Format

Insert

Destructive

In Dialog

With Inset

API reference#

Exports Menubar MenubarPortal MenubarMenu MenubarTrigger MenubarContent MenubarGroup MenubarSeparator MenubarLabel MenubarItem MenubarShortcut MenubarCheckboxItem MenubarRadioGroup MenubarRadioItem MenubarSub MenubarSubTrigger MenubarSubContent. Every part takes its element's usual props and a className.