Command
A searchable command palette for finding and running actions from the keyboard. Group results by area and show the shortcut alongside anything that has one.
Purpose
The palette is for people who know what they want to do and would rather type it than navigate to it. It complements the sidebar; it does not replace it.
Palette
Enrol a member ⌘E
View member directory
Submit a claim ⌘C
Review pending claims
Best practices
Do
- Always render a
CommandEmpty— a palette with no feedback reads as broken. - Group by area and show shortcuts where they exist.
Don't
- Make the palette the only route to an action.
- List every action in the product; rank by what people actually do.
Accessibility & keyboard
- Keyboard: type to filter; arrow keys move; Enter runs the highlighted item; Esc closes.
- The list is a listbox, and the highlighted option is announced as you move.
Every Command part and prop in Storybook
TooltipDraft
A small hint shown on hover or focus. Non-interactive by design — it cannot hold buttons or links, and its content must never be the only way to reach information.
Cookie bannerDraft
Consent notice shown on first visit. Stateless by design — wire the handlers to your consent store and unmount it once a choice is made.