Menubar
A visually persistent menu bar for desktop-style commands, toggles, and nested actions.
Installation
Basic
Start with an uncontrolled menubar when the menu can manage its own open state and keyboard navigation.
Preview
Controlled
Pass open and on-open-change when surrounding UI needs to react while a menu is visible.
Preview
Workspace menubar
Keep a sibling status panel synced while the workspace menu is open.
Menu State
{workspaceMenuOpen ? "Open" : "Closed"}
{workspaceMenuOpen ? "The controlled workspace menu is open, so sibling UI can react immediately." : "Open the Workspace menu to sync this panel through on-open-change."}
Checkboxes And Radio Items
Use checkbox items for persistent toggles and radio items for a single active layout choice.
Preview
Submenu With Icons
Combine nested actions, icons, and destructive styling when a menubar menu needs richer command grouping.
Preview