UI Kits
Navigation

Command Menu

Searchable command launcher panel.

Usage guidance

When to use it.

Keep labels short and predictable. Make current location and focus state clear.

Accessibility

Implementation notes.

  • Use semantic nav landmarks where appropriate.
  • Indicate current page or active state.
  • Support keyboard and screen-reader navigation.
Release QA

Implementation checklist.

0/3
Handoff notes

Implementation notes for this component.

Quick section export
<section class="ap-command"><input placeholder="Search commands..."><button>New project <kbd>⌘N</kbd></button><button>Open settings <kbd>⌘,</kbd></button><button>Search customers <kbd>⌘K</kbd></button></section>
Related components

More in Navigation