Select Dropdown With Icons

A select dropdown component where each option displays a leading icon alongside the text for enhanced visual recognition.

Intuitive form selections with icon-enhanced dropdowns that improve scannability and user comprehension. Perfect for category selectors, tool pickers, and feature toggles.

Select Basic

Basic dropdown select form

Select Grouped

Grouped options in a select dropdown

Select Searchable

Searchable combobox dropdown

Multi Select

Multi-select with checkbox popover

Cascading Select

Dependent cascading dropdowns

Country Select

Country selector with flag emojis

Form Select With Icons

Select Basic

Select Grouped

Select Searchable

Multi Select

Cascading Select

Country Select

FAQ

Form Select With Icons

Related Components

Select Basic

Select Grouped

Select Searchable

Multi Select

Cascading Select

Country Select

FAQ

How do I add custom icons to select options?

Can I use this with different icon libraries?

How do I change the icon size?

Can I add icons to the selected value display?

How do I customize the icon colors?

Can I use this with form validation?