Wizleap-Inc/wiz-ui

Feat(search-input): サーチセレクターの1択パターンを追加する

Closed this issue · 0 comments

機能追加理由・詳細
既存のサーチセレクターはチェックボックスで複数選択が可能だが、
単一選択する場合はチェックボックスをチェックせずに
選択できるようにしたい

解決策の提案

  • チェックボックス無しで単一選択できる状態にする
  • 項目クリック→選択 という挙動にしたい
    スクリーンショット 2024-02-22 18 38 04

その他考慮事項

  • 単一選択できる以外は既存のサーチセレクターと挙動は同じ想定

  • シングルセレクトか、マルチセレクトを選択できる(デフォルトはマルチセレクト)
    • マルチセレクト: checkbox
    • シングルセレクト: button
  • シングルセレクトの場合、選択後に自動でdropdownが閉じる
  • 選択した要素を、input中にタグとして表示するか否かを切り替えられる(デフォルトはoff)
    • 仕様はsearch-selectorのものと同様
    • シングルセレクト、マルチセレクト問わず利用可能
  • (補足) options propertyのインターフェースは変更なしでいけるはずなので、破壊的変更もないはず
スクリーンショット 2024-03-01 18 38 24