open- Type
boolean- Default
false- Description
- Toggles overlay command menu visibility.
Components / Navigation
Command Menu
கட்டளைப் பட்டி
A command menu is a central, overlay command search bar activated by keyboard shortcuts (e.g. ⌘K or Ctrl+K). It enables power users to search resources, run system tasks, or launch AI commands instantly.
கட்டளைப் பட்டியானது விசைப்பலகை குறுக்குவழிகள் மூலம் இயக்கப்படும் உலகளாவிய தேடல் மற்றும் செயல்பாட்டுக் கருவியாகும்.
Variants
Component preview
Command Menu variantsகட்டளைப் பட்டி வடிவங்கள்Anatomy
Structure
Anatomy
3 parts documented for implementation and review.
1
Overlay Dialog Backdrop
மேலடுக்கு திரைப்பின்னல்required<div>Semi-transparent backdrop that layers above the active page content, focusing user attention solely on commands search execution.
2
Command Query Input
தேடல் உள்ளீடுrequired<input>Text input receiving query searches. Automatically focuses immediately when the overlay dialog opens.
3
Categorized Results Group
வகைப்படுத்தப்பட்ட முடிவுகள்required<div>Clean grouped listing separating search hits, navigation shortcuts, and active action commands with clear typography labels.
API
Props
onOpenChange- Type
(open: boolean) => void- Default
- -
- Description
- Menu visibility trigger callback.
className- Type
string- Default
- -
- Description
- Custom Tailwind class configurations.
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | false | Toggles overlay command menu visibility. |
onOpenChange | (open: boolean) => void | - | Menu visibility trigger callback. |
className | string | - | Custom Tailwind class configurations. |
Usage guidance
- Expose clear keyboard cues inside footer layers to guide search selection navigation (e.g. '↑↓ to navigate, Enter to select').
- Implement search input debouncing logic to ensure low-latency result filtering under cheap system configurations.
Best practices
Group results logically under distinct categories
முடிவுகளைத் தெளிவான பிரிவுகளில் வகைப்படுத்துங்கள்
Grouping items helps users scan and identify relevant actions and documents instantly.
ஆவணங்கள், செயல்கள் மற்றும் பக்கங்களை வேறுபடுத்தி காட்டுவது தேடலை எளிமையாக்கும்.
Don't list massive lists of unindexed links
ஒழுங்கமைக்கப்படாத பெரிய பட்டியலைக் காட்டாதே
An overload of unindexed links creates visual noise, defeating the purpose of a fast command menu.
முடிவுகளை வகைப்படுத்தாமல் காட்டும் பெரும் பட்டியல் தேடலைக் கடினமாக்கும்.