Menubar

Horizontal application menubar with dropdown submenus, following ARIA menubar patterns.

Examples

Horizontal navigation bar with File, Edit, View, and Help menus.

Clicking a menu item marks it as the active/open entry.

The View entry is disabled and cannot receive interaction.

pnpm add @rokle/components @rokle/tokens

Installs with the default Rokle brand. Generate a custom brand on rokle.app to use your own colours and personality.

import { Menubar } from "@rokle/components";

import { Menubar } from "@rokle/components";

export function Example() {
  return <Menubar />;
}

Prop	Type	Default	Description
menus	MenubarMenu[]	-	Top-level menus each containing a label and items array.