multiselect

type
Not required
("input" | "filter")
"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

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

Width Behavior

The MultiSelect component automatically matches the width of its parent container. The dropdown menu will also match the input width. To control the width, wrap the component in a container with your desired width:

Component Types

The MultiSelect component supports different types:

  • input: Enhanced v2 component with select all, clear all, text highlighting, and advanced features
  • filter: Filter-specific multiselect component