Multi Select Component

A searchable multi-select component that allows selecting multiple options with checkbox indicators and tag display.

Basic Multi Select

Select multiple programming languages. Selected items appear as tags.

Tech Stack Selector

Select your tech stack. Uses "Select All" functionality.

Country Selector

Select countries with overflow indicator (+N more).

Without Select All

Multi Select without the "Select All" option.

Prevent Auto Close

With AutoClose="false", the dropdown stays open when you click outside. Use the Close button or press Escape to close it.

Match Trigger Width

With MatchTriggerWidth="true", the dropdown automatically matches the width of the trigger element.

Disabled State

Multi Select in disabled state with pre-selected values.

TypeScript

Form Integration

Example of Multi Select in a form layout.

Select all programming languages you know.

Choose your preferred frameworks.

An unhandled error has occurred. Reload 🗙