ClankDesign
Clank Design/Menubar

Collections / headless primitive

Menubar

Coordinated horizontal menus with roving focus.

280–1600px; fits available space.
Menubar / interactiveFluid · fits available space

Semantic parts

Spread each part getter onto the matching element, then style its stable state attributes.

rootitemtriggerlinkmenuseparator

Keyboard guidance

The preview has File and Edit menus plus a Help link. Arrow keys move between top-level controls; an open menu also supports Up/Down and Enter/Space. Command badges do not register shortcuts.

Keys from the Clank controller contract, with preview and configuration notes. Disabled or read-only controls may prevent changes.

ArrowLeft
Move to the previous item, respecting text direction
ArrowRight
Move to the next item, respecting text direction
ArrowDown
Open a menu and focus its first item
ArrowUp
Open a menu and focus its last item
Home
Focus the first menubar item
End
Focus the last menubar item
Escape
Close the active menu and return focus