CommandMenu
Jump anywhere with the keyboard. Press Ctrl K, type, and go. One palette per page.
Example
- HomeLanding
- All componentsIndex
- ButtonComponent
- AlertComponent
- TabsComponent
- Text fieldComponent
- Theming guideGuide
No results. Try a different search.
<CommandMenu
items={[
{ label: "Home", href: "/" },
{ label: "Theming guide", href: "/guides/theming", hint: "Guide" },
}}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | Array | - | Label + href + optional hint. |
placeholder | string | Type a command… | Filter input hint. |
label | string | Command menu | Dialog landmark name. |
Accessibility
- Combobox + listbox with
aria-activedescendant. - Escape closes and returns focus to the trigger.
- Empty state announces itself in text, not silence.