Select Component Examples

Basic Select

Single Selection

Choose a country:

Multi-Select

Multiple Selection with Count Display

Select your interests:

Multi-Select with Chips (Toggleable)

Select team members:

Searchable Select

Select with Search/Filter

Search and select a city:

Select with Icons

Options with FontAwesome Icons

Choose notification method:

Grouped Options

Options Organized by Groups

Select a programming language:

Size Variants

Small, Medium, and Large

Small

Medium (Default)

Large

...
...
...

Clearable Select

Select with Clear Button

Select priority (clearable):

Select an option to see the clear button (×) appear

Disabled States

Disabled Select and Options

Disabled Select

Some Options Disabled

...

Integration with Forms

Complete Form Example

Full Name *

Department *

Skills (Multi-select)

Availability


    
        Department *

See FilterBus in Action

Select components can both publish selection changes AND subscribe to filter state. Watch how Select dropdowns work as filter controls alongside KPI Cards, Tables, Charts, and more!

View Live Dashboard Demo

Select Examples