Select With Flag - Options with flag

Pro

Select items with country flag emoji beside each label.
Shadcn Select With Flag component

Component data

ID
select/select-with-flag
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Select With Flag component design & features

This example shows flag emoji inside SelectItem rows for a country or locale picker.

Flag selects fit locale settings, shipping country fields, and internationalization controls.