# cmdk

## Docs

- [Introduction](https://mintlify.wiki/dip/cmdk/introduction.md): A fast, unstyled command menu React component with automatic filtering and sorting.
- [Installation](https://mintlify.wiki/dip/cmdk/installation.md): Install cmdk and configure it for your React project.
- [Quickstart](https://mintlify.wiki/dip/cmdk/quickstart.md): Build your first command menu with cmdk in four steps.
- [Command](https://mintlify.wiki/dip/cmdk/components/command.md): The root component that renders an inline command menu with automatic filtering and keyboard navigation.
- [Dialog](https://mintlify.wiki/dip/cmdk/components/dialog.md): Renders the command menu inside a Radix UI Dialog overlay with an accessible backdrop.
- [Input](https://mintlify.wiki/dip/cmdk/components/input.md): The search input that drives filtering and sorting of command menu items.
- [List](https://mintlify.wiki/dip/cmdk/components/list.md): The scrollable container that holds items, groups, and separators.
- [Item](https://mintlify.wiki/dip/cmdk/components/item.md): A selectable option in the command menu that responds to keyboard navigation and pointer interaction.
- [Group](https://mintlify.wiki/dip/cmdk/components/group.md): A labeled section that visually and semantically groups related command items.
- [Separator](https://mintlify.wiki/dip/cmdk/components/separator.md): A visual divider between items or groups that hides automatically when the user is searching.
- [Empty](https://mintlify.wiki/dip/cmdk/components/empty.md): A container that renders automatically when no items match the current search query.
- [Loading](https://mintlify.wiki/dip/cmdk/components/loading.md): A progress indicator rendered while asynchronous items are being fetched.
- [Styling](https://mintlify.wiki/dip/cmdk/guides/styling.md): cmdk ships zero CSS. Style every part of the command menu using data attributes.
- [Accessibility](https://mintlify.wiki/dip/cmdk/guides/accessibility.md): cmdk implements the ARIA combobox pattern. Labeling, roles, and keyboard navigation are handled automatically.
- [Filtering and sorting](https://mintlify.wiki/dip/cmdk/guides/filtering.md): cmdk filters and sorts items automatically using fuzzy matching. Customize or replace the filter function, or take full manual control.
- [Async results](https://mintlify.wiki/dip/cmdk/guides/async.md): Fetch items asynchronously and render them as they arrive. cmdk filters and sorts them automatically as they load.
- [Nested items](https://mintlify.wiki/dip/cmdk/guides/nested-items.md): Navigate to sub-pages of items using a simple pages stack. Escape or Backspace returns to the previous page.
- [Use inside a Popover](https://mintlify.wiki/dip/cmdk/guides/popover.md): Embed Command directly inside a Radix UI Popover for an inline command palette triggered by a button.
- [Vercel example](https://mintlify.wiki/dip/cmdk/examples/vercel.md): Dark, minimal theme inspired by the Vercel command menu.
- [Linear example](https://mintlify.wiki/dip/cmdk/examples/linear.md): Sleek, minimal theme inspired by Linear's command palette.
- [Raycast example](https://mintlify.wiki/dip/cmdk/examples/raycast.md): Feature-rich, macOS-inspired theme from the Raycast launcher.
- [Framer example](https://mintlify.wiki/dip/cmdk/examples/framer.md): Smooth, motion-enhanced theme from Framer's command menu.
- [useCommandState](https://mintlify.wiki/dip/cmdk/api/use-command-state.md): A hook for reactively reading slices of the command menu state from within a Command tree.
- [TypeScript types](https://mintlify.wiki/dip/cmdk/api/types.md): All exported TypeScript types and interfaces from the cmdk package.

## OpenAPI Specs

- [openapi](https://mintlify.wiki/dip/cmdk/api-reference/openapi.json)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.