Select Option With Badge - Options with badge

Pro

Select items with trailing badges such as New or Pro.
Shadcn Select Option With Badge component

Component data

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

Select Option With Badge component design & features

This example adds Badge components to SelectItem rows to highlight plan or feature status.

Badge option selects help surface rollout status, plan tiers, and feature availability directly in the menu.