OverlayCommandPalette14 props
Command Palette
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 selec...
공식 문서 열기Preview
Type to search
Import
import {CommandPalette} from '@astryxdesign/core/CommandPalette';Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.
When to use
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 selec...
commandspotlightlauncheromniboxquicksearchpalettefindersearch
Important props
widthnumber | stringoptional
maxHeightnumber | stringoptional
Theming targets
astryx-command-palette-footerastryx-command-palette-groupastryx-command-palette-inputastryx-command-palette-itemastryx-command-palette-list
Best practices
- DoProvide a searchSource with bootstrap results so users see useful options before typing.
- DoUse auxiliaryData.group on items to automatically organize results into labeled sections.
- Do notUse CommandPalette for simple dropdowns or menus; use Menu or Selector for inline selections.
- Do notAdd too many groups or items; curate results to keep the palette fast and scannable.