Components/MultiSelect

MultiSelect

Multi-value select showing chips for each selected item.

Installation

Examples

Tag selection

Select multiple options, see chips for each.

ReactTypeScriptTailwind CSSNext.js
Vue
Svelte
Angular
Astro
Nuxt

API Reference

PropTypeDefaultDescription
options*Option[]requiredArray of {value, label} options.
valuestring[][]Controlled selected values.
onChange(v: string[]) => void—Called on selection change.
placeholderstring—Placeholder when empty.
maxItemsnumber—Limit selectable count.
searchablebooleantrueEnables type-to-filter.