検索ボックス （ 概要 ）
サイト内検索等で使用するコンポーネントです。詳細検索パネルや固定のキーワードで検索できるショートカットパーツを備えています。
ユースケース
- サイト内のコンテンツを検索するとき
- サイト全体を対象に、コンテンツを検索できるようにしたい場合に使用します。
- 絞り込み検索を提供するとき
- 検索対象をメニューから選択して、検索範囲を絞り込めるようにしたい場合に使用します。
- よく検索されるキーワードへの入り口を用意するとき
- よく検索されるキーワードに、入力の手間なくすぐアクセスできるようにしたい場合に使用します。
注意が必要なケース
- データテーブルの絞り込みにはテーブルコントロールを使う
- テーブル内の行や列を絞り込む場合は、テーブルコントロールの使用も検討してください。
関連コンポーネント
各種リソース
| 種別 | リソース | 状態 |
|---|---|---|
| デザイン | Figmaデザインデータ（v2） | 提供中 |
| HTML版実装 | ソースコード（GitHub） | 提供中 |
| サンプル（Storybook） | 提供中 | |
| React版実装 | ソースコード（GitHub） | 提供中 |
| サンプル（Storybook） | 提供中 |