Components

Menubar

Horizontal bar of menus (File / Edit / View style) built on Radix. Same compound API as DropdownMenu, each menu opens as a dropdown.

Updated Jul 10, 2026 by Leonardo Posada

Variants

<Menubar>
  <MenubarMenu>
    <MenubarTrigger>File</MenubarTrigger>
    <MenubarContent>
      <MenubarItem>New rule <MenubarShortcut>⌘N</MenubarShortcut></MenubarItem>
      <MenubarSeparator />
      <MenubarItem>Log out</MenubarItem>
    </MenubarContent>
  </MenubarMenu>
</Menubar>

When to use

  • Desktop-style app menus for internal tools.
  • Complex screens with grouped commands (rare in Yuno Dashboard).

When not to use

  • Marketing sites — use Navigation menu.
  • Mobile-adjacent prototypes — most menubars break down.

Usage

Do
  • Keep menu labels short (one word if possible).
Don't
  • Don't nest more than one submenu.
  • Don't put critical actions only here.