Menubar

A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.

Source code

Click to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

Usage

Full example

Simple

A minimal menubar with keyboard shortcuts and disabled items — great as a starting point.

With labels

Use UiMenubarLabel to visually group items within a menu into named sections.

Destructive items

Use variant="destructive" on UiMenubarItem to highlight dangerous or irreversible actions.

Translucent

Pass translucent to UiMenubarContent for a frosted-glass panel effect.