Command

Overlay

Command palette (⌘K) with fuzzy search, grouped commands, keyboard shortcuts, and recent history

Basic Command Palette

Suggestions
New File
⌘N
New Folder
N
Search Files
⌘F
Settings
Settings
⌘,
Profile

With Descriptions

Actions
Upload Files
⌘U
Download
⌘D
Delete

Keyboard Navigation

Navigation
Home
⌘H
Calendar
⌘K
Mail
⌘M
Customization
Change Theme
⌘T
Keyboard Shortcuts
⌘/

Keyboard Shortcuts:

  • ↑↓ Navigate items
  • Enter Select item
  • Esc Clear search

Loading State

Results
Result 1
Result 2

Disabled Items

Commands
Enabled Item
Disabled Item
Another Enabled Item

Props-Based API

Quick Command Menu

New File
⌘N
New Folder
⌘⇧N
Search Files
⌘F
Settings
⌘,

Grouped Commands

File Operations
New File
⌘N
Open
⌘O
Save
⌘S
Edit
Copy
⌘C
Cut
⌘X
Paste
⌘V

Variant Styles & Sizes

Variants

default

Option 1
Option 2

primary

Option 1
Option 2

secondary

Option 1
Option 2

accent

Option 1
Option 2

success

Option 1
Option 2

warning

Option 1
Option 2

error

Option 1
Option 2

info

Option 1
Option 2

ghost

Option 1
Option 2

glass

Option 1
Option 2

outline

Option 1
Option 2

Sizes

Size: sm

Option 1
Option 2

Size: md

Option 1
Option 2

Size: lg

Option 1
Option 2

Real-Life Use Cases

1. Application Command Palette (⌘K)

💡 Press Ctrl+K or ⌘K anywhere on this page to toggle

2. Code Editor Quick Actions

Recent Files
Dashboard.tsx
api.ts
README.md
Editor Commands
Format Document
F
Organize Imports
O
Toggle Terminal
⌃`
Source Control
Commit Changes
⌘Enter
Pull
Push
Debug
Start Debugging
F5

3. Admin Dashboard Quick Actions

Recent Projects
E-commerce Platform
Analytics Dashboard
Mobile App
Admin Actions
Create New User
Manage Roles
Database Stats
API Logs
System
Create Backup
Maintenance Mode
Help & Documentation
?

4. E-commerce Product Search

Categories
Electronics
Clothing
Home & Garden
Popular Products
MacBook Pro 14"
iPhone 15 Pro
Apple Watch Series 9
Quick Actions
View Cart (3 items)
My Orders
Wishlist (12 items)

Usage Guidelines

When to Use

  • Power user navigation
  • Quick actions
  • Search commands

Accessibility

  • Full keyboard navigation
  • ARIA combobox pattern

Performance

  • Fuzzy search optimized
  • Lazy command loading

Common Mistakes

  • No recent commands
  • Commands without keyboard shortcuts

Frequently Asked Questions

Command is a command palette (⌘K) with fuzzy search, grouped commands, and keyboard shortcuts.
Yes, Command can display and trigger keyboard shortcuts.

View on GitHub

See the full source code on GitHub