컴포넌트

Command Palette

⌘K식 명령 팔레트. 검색 인풋으로 목록을 실시간 필터하고 ↑/↓/Enter 키보드 내비게이션을 지원하며, WAI-ARIA combobox/listbox 패턴(role·aria-activedescendant)으로 접근성을 갖춘 컴포넌트입니다.

분류
컴포넌트
난이도
medium
변형
TS-TW

설치

npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/CommandPalette-TS-TW

Props

이름타입기본값설명
placeholderstring명령 검색…검색 인풋의 플레이스홀더 텍스트.
itemsCommandItem[]기본 명령 목록표시할 명령 목록. 미지정 시 기본 명령을 사용합니다.
accentColorstring#C084FC선택 하이라이트와 링에 쓰이는 강조 색상.
classNamestringundefined루트 요소에 적용할 추가 CSS 클래스.