ascii.cnlibs.com
GithubX

Menubar

A persistent menu common in desktop apps.

## installation

pnpm dlx shadcn@latest add https://ascii.cnlibs.com/r/menubar.json

## usage

import { Menubar, MenubarContent, MenubarItem, MenubarMenu, MenubarSeparator, MenubarTrigger } from "@/components/ui/menubar";
<Menubar>
  <MenubarMenu>
    <MenubarTrigger>File</MenubarTrigger>
    <MenubarContent chWidth={24}>
      <MenubarItem>New session</MenubarItem>
      <MenubarItem>Open recent</MenubarItem>
      <MenubarItem>Close window</MenubarItem>
      <MenubarSeparator />
      <MenubarItem variant="destructive">Delete session</MenubarItem>
    </MenubarContent>
  </MenubarMenu>
  <MenubarMenu>
    <MenubarTrigger>Edit</MenubarTrigger>
    <MenubarContent chWidth={24}>
      <MenubarItem>Undo</MenubarItem>
      <MenubarItem disabled>Redo</MenubarItem>
      <MenubarItem>Find in files</MenubarItem>
    </MenubarContent>
  </MenubarMenu>
  <MenubarMenu>
    <MenubarTrigger>View</MenubarTrigger>
    <MenubarContent chWidth={24}>
      <MenubarItem>Toggle sidebar</MenubarItem>
      <MenubarItem>Toggle terminal</MenubarItem>
      <MenubarItem>Zen mode</MenubarItem>
    </MenubarContent>
  </MenubarMenu>
</Menubar>