フォーム v1.0.0

マルチセレクト

複数の値を選択できる検索可能なドロップダウン。選択された値は入力欄に削除可能な タグ/チップとして表示されます。オプションのグルーピング、最大選択数、検索フィルタリング、 全選択/全解除アクションに対応しています。

プレビュー & コード

オプション

名前 型 デフォルト 説明
options * Array 必須 Array of hashes with :label (String) and :value (String), optional :group (String)
selected Array [] Array of initially selected values
label String Label text
hint String Hint text shown below the field
placeholder String "Select options..." Placeholder when nothing selected
max_selections Integer Maximum number of selections
searchable Boolean true Enable search filtering
group_by Boolean false Group options by their :group key
empty_message String "No options found" Message shown when no options match the search
select_all Boolean false Show Select All / Clear All actions
name String Form field name (appends [] for array submission)
disabled Boolean false Disable the component
error String Error message to display

変更履歴 v1.0.0

- v1.0.0: Initial release

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得