multiselect

type
Not required
("legacy-input" | "input" | "filter")
"legacy-input"
name
Not required
string
className
Not required
string
options
Required
array
value
Not required
array
label
Not required
node
placeholder
Not required
string
onChange
Not required
func
filter
Not required
func
error
Not required
bool
disabled
Not required
bool
create
Not required
bool/string
With type="input", this allows to add a new option. When a string, it overrides default prefix
skipCreateSuffix
Not required
bool
When true, skips adding numeric suffix to a new option
aria-label
Not required
string
aria-labelledby
Not required
string

Legacy MultiSelect Input (will be deprecated with R-4429)

Note that the height for these components is greater in this documentation. In the app, the height is the same as our other input components.

With default values and a disabled option (legacy)

A disabled multiselect input (legacy)

with option to create new items (legacy)

MultiSelect Input

The input type provides enhanced functionality with select all, clear all, text highlighting, and advanced configuration options. Note that the height for these components is greater in this documentation. In the app, the height is the same as other input components.

Basic Input

Input with custom Select All text

Input with Custom Styling

Input with Custom Width

Component Types

The MultiSelect component supports different types:

  • legacy-input (current default): The original multiselect component with basic functionality
  • input: Enhanced v2 component with select all, clear all, text highlighting, and advanced features
  • filter: Filter-specific multiselect component