§05-01Search & Navigation
Command palette (Cmd+K)
キー操作で開く検索窓からあらゆる機能へ飛ぶ。
メニューを辿らずに名前で機能やページを呼び出せる。機能が多く階層が深いツールで、慣れた人の操作速度を上げる。
実装のポイント
Cmd+K と Ctrl+K を keydown で拾って開き、入力でコマンドをあいまい検索する。矢印キーで移動し Enter で実行、Esc で閉じる。
- 特徴
- キーボード操作
- アクセシビリティ
- デモで使っているもの
- shadcn/ui
- lucide-react
- requestAnimationFrame