CommandPalette is a searchable dialog for quick access to commands, navigation, and actions. Use it as a keyboard-driven launcher powered by SearchSource for filtering and selection.
ts
| Guidance | Practices |
|---|---|
| Do | Provide a searchSource with bootstrap results so users see useful options before typing. |
| Do | Use auxiliaryData.group on items to automatically organize results into labeled sections. |
| Don't | Use CommandPalette for simple dropdowns or menus; use Menu or Selector for inline selections. |
| Don't | Add too many groups or items; curate results to keep the palette fast and scannable. |
Server-side search with loading spinner and custom empty states.
Command palette with items grouped via auxiliaryData.group.
Single-value picker with persistent selection and check indicator.
Custom item rendering with icons, keyboard shortcuts, and keyword search.