CommandPalette

shell

Cmd+K 스타일 커맨드 팔레트. Dialog + Combobox + match-sorter 퍼지 검색.

깊이

100%

또는 Cmd+K (전역 트리거가 활성화된 경우)

2026년 2월 4일4/4 통과

4성공

0실패

4전체

Prop	타입	기본값	설명
`commands`*	`Omit<Command, "action">[]`	—	커맨드 목록. { id, label, group, shortcut? }
`open`*	`boolean`	—	열림 상태
`onOpenChange`*	`(open: boolean) => void`	—	상태 변경 핸들러
`onSelect`	`(command: Omit<Command, 'action'>) => void`	—	커맨드 선택 핸들러
`inline`	`boolean`	`false`	true일 때 풀스크린 Dialog 대신 인라인 팝업으로 렌더링

tsx

import { CommandPalette } from "@reopt-ai/opt-ui";

shell

Cmd+K 스타일 커맨드 팔레트. Dialog + Combobox + match-sorter 퍼지 검색.

깊이

100%

또는 Cmd+K (전역 트리거가 활성화된 경우)

2026년 2월 4일4/4 통과

4성공

0실패

4전체

Prop	타입	기본값	설명
`commands`*	`Omit<Command, "action">[]`	—	커맨드 목록. { id, label, group, shortcut? }
`open`*	`boolean`	—	열림 상태
`onOpenChange`*	`(open: boolean) => void`	—	상태 변경 핸들러
`onSelect`	`(command: Omit<Command, 'action'>) => void`	—	커맨드 선택 핸들러
`inline`	`boolean`	`false`	true일 때 풀스크린 Dialog 대신 인라인 팝업으로 렌더링

tsx

import { CommandPalette } from "@reopt-ai/opt-ui";