Zostel
Navigation Menubar

Menubar

An app menu bar — Trip, Stay, View — like a desktop app (Radix Menubar).

Preview

Usage

tsx
import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarShortcut } from "zostel-ui";

<Menubar>
  <MenubarMenu>
    <MenubarTrigger>Trip</MenubarTrigger>
    <MenubarContent>
      <MenubarItem>New trip <MenubarShortcut>⌘N</MenubarShortcut></MenubarItem>
      <MenubarSeparator />
      <MenubarItem>Share</MenubarItem>
    </MenubarContent>
  </MenubarMenu>
</Menubar>

Parts

MenubarMenu
Type:
Default: —

One menu.

MenubarItem / CheckboxItem / RadioItem / Sub…
Type:
Default: —

The same parts as Dropdown Menu.