ホーム/コンポーネント/オーバーレイ/コマンドパレット

CommandPalette

コマンドパレット（⌘K）。検索 + アクション実行の統合 UI。

import { CommandPalette } from "@blueai/ui"

Examples

Basic

Prop	Type	Default	Description
open*	boolean	—	表示状態
onClose*	() => void	—	閉じるハンドラ
sections*	CommandSection[]	—	コマンドセクション { label, items }
placeholder	string	"コマンドを検索..."	検索欄のプレースホルダー

type CommandSection = {
  label: string;
  items: CommandItem[];
};

type CommandItem = {
  id: string;
  label: string;
  icon?: ReactNode;
  hint?: string;
  shortcut?: string;
  onSelect: () => void;
};