Aspyn

Menubar

Desktop-app-style persistent menus.

Installation

npm install @aspyn-io/kit @aspyn-io/tokens
import {
  Menubar,
  MenubarMenu,
  MenubarTrigger,
  MenubarContent,
  MenubarItem,
  MenubarSeparator,
  MenubarShortcut,
} from "@aspyn-io/kit";

Application menubar

Desktop-app-style persistent menus — ideal for editor/console surfaces.

<Menubar>
  <MenubarMenu>
    <MenubarTrigger>File</MenubarTrigger>
    <MenubarContent>
      <MenubarItem>New route<MenubarShortcut>⌘N</MenubarShortcut></MenubarItem>
      <MenubarItem>Export…</MenubarItem>
      <MenubarSeparator />
      <MenubarItem>Print</MenubarItem>
    </MenubarContent>
  </MenubarMenu>
  <MenubarMenu>
    <MenubarTrigger>View</MenubarTrigger>
    <MenubarContent>…</MenubarContent>
  </MenubarMenu>
</Menubar>