Forms v1.0.0

Multi-Select

Searchable dropdown that allows selecting multiple values, displayed as removable tags/chips in the input. Supports option grouping, max selections, search filtering, and select all/clear all actions.

Preview & Code

Options

Name Type Default Description
options * Array required 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

Changelog v1.0.0

- v1.0.0: Initial release

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now