Select

Form

Custom dropdown with virtual scrolling, search filtering, multi-select support, grouped options, and custom option rendering

Basic Select

Country

Priority

With Icons and Descriptions

User Role

Select the user's permission level

Contact Method

Multi-Select

Programming Skills

Select all technologies you know

Hobbies

Select up to 3 hobbies

Searchable Select

Country (Searchable)

Skills (Searchable Multi-Select)

With Avatars

Assign to Team Member

Project Team

Variants & Sizes

Variants

Default Variant

Primary Variant

Secondary Variant

Success Variant

Warning Variant

Error Variant

Ghost Variant

Outline Variant

Glass Variant

Sizes

Small Size

Medium Size

Large Size

Validation & States

Required Field

This field is required

With Helper Text

This selection cannot be changed later

Disabled Select

Loading Select

Grouped Options

Programming Skills (Grouped)

Custom Behavior

Skills with Short Dropdown

No Checkmarks (Single)

No Checkmarks (Multiple)

Skills (Stays Open)

Usage Guidelines

When to Use

Single selection
Multi-select
Grouped options
Searchable dropdowns

Accessibility

Listbox pattern
Type-ahead search
Selection announced

Performance

Virtual scrolling for 1000+ options
Lazy option rendering

Common Mistakes

Not supporting keyboard type-ahead
Missing search for long lists

Frequently Asked Questions

Yes, Select supports single and multi-select modes with search filtering.

Yes, Select supports async loading with virtual scrolling for large datasets.

View on GitHub

See the full source code on GitHub

Related Components

View all

Autocomplete

Asynchronous search input with debounced queries, virtual scrolling for large datasets, and keyboard-driven selection

Checkbox

Accessible checkbox input with indeterminate state support and form integration

CheckboxGroup

Accessible CheckboxGroup for multi-selection, and form integration

ColorPicker

Color selection component with preset colors, HEX/RGB/HSL input, and visual picker interface