§05-04Search & Navigation
グローバル検索 + jump
種類の異なるコンテンツを横断して検索し移動する。
どこに何があるか覚えていなくても、名前の一部から目的の画面やデータに直接飛べる。機能や項目が多いアプリで導線を短縮する。
実装のポイント
結果を種類ごとにグループ化して見出しを付け、矢印キーと Enter で該当画面へ移動できるようにする。0 件時は検索範囲の変更を提案する。
- 特徴
- キーボード操作
- デモで使っているもの
- lucide-react
§05-04Search & Navigation
種類の異なるコンテンツを横断して検索し移動する。
どこに何があるか覚えていなくても、名前の一部から目的の画面やデータに直接飛べる。機能や項目が多いアプリで導線を短縮する。
結果を種類ごとにグループ化して見出しを付け、矢印キーと Enter で該当画面へ移動できるようにする。0 件時は検索範囲の変更を提案する。