전체 카탈로그
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...

공식 문서 열기
live previewOverlay

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.