検索バー
Search Bar
別名: サーチバー
ライブデモ
説明
一言で説明
テキスト入力でコンテンツを検索するためのUI要素。虫眼鏡アイコンが特徴的。
いつ使う？
ユーザーがコンテンツを自由にテキスト検索できるようにしたいとき。
💡 日常の言い方
「虫眼鏡のアイコンがついた検索用の入力欄」
似ている用語との違い
検索バー vs テキストフィールド
テキストフィールドは汎用的なテキスト入力。検索バーは検索専用のUIで、虫眼鏡アイコンやクリアボタンが付く。
AIへの指示例
ヘッダーに検索バーを追加して。虫眼鏡アイコンとクリアボタン付き。入力中はリアルタイムでサジェストを表示して。