On this page
Overview
Show code, NotesMenubar.tsx
Variants
In a title bar
The app frame pattern shows the whole title bar, in an installed app's window.
Show code, InTitleBar.tsx
Anatomy
Menubar
Trigger
Access key
Menu
Show code, MenubarAnatomy.tsx
Behaviour
After a command
Menubar returns focus to where it was, so Copy acts on the field people were in.
Access keys
A menubar can underline a letter of each menu's name while Alt is held.
- Alt with the letter opens that menu.
- One menubar per window has them.
Rules
A menubar groups many commands, and the most frequent ones stay in view too.
Use it when
- Many commands in a document-centred application, grouped as File, Edit, View and Help
- The application's menus at the start of a title bar the window draws itself
Content
Name items as in Menu, with an ellipsis for a command that asks for more, such as Export… in File.
Accessibility
| Key | Action |
|---|---|
| Tab, Shift+Tab | Moves to the menubar, one tab stop, and out of it. |
| ←, → | Moves between triggers, or between open menus. |
| ↓, Enter or Space on a trigger | Opens its menu with the first item highlighted. |
| Esc | Closes the menu and leaves focus on its trigger. |
| Alt | With access keys, moves focus to the first trigger and back. |
| Alt with an access key | Opens that menu. |