cmdk preview

About

The command palette primitive behind many ⌘K menus — handles filtering, keyboard navigation and accessibility, leaving styling to you.

Code

tsx
import { Command } from "cmdk";

export const CommandMenu = () => (
  <Command label="Command Menu">
    <Command.Input />
    <Command.List>
      <Command.Empty>No results found.</Command.Empty>
      <Command.Group heading="Letters">
        <Command.Item>a</Command.Item>
        <Command.Item>b</Command.Item>
      </Command.Group>
    </Command.List>
  </Command>
);