Default

Standard command palette with search bar and action list.

Type a command...Esc
Open File
Search Project
Settings
Switch Branch

Action Groups

Categorized commands with section headers for navigation and actions.

What do you need?
Navigation
Go to Dashboard
Go to Users
Actions
Create New Project
Import Data

Minimal Style

Simple command runner with three quick-action options.

Run a command...
Run dev server
Build project
Run tests

AI Assistant

AI-powered command palette for natural language interactions.

Ask anything...
Summarize this page
Generate a component
Debug my code

Usage

<CommandPalette placeholder="Type a command..."> <div>Open File</div> <div>Search Project</div> <div>Settings</div></CommandPalette>

Props

PropTypeDefaultDescription
placeholdertext"Type a command..."Search input placeholder text
childrencontent-Command items to display in the palette