Select Option With Icon And Description - Icon with description

Pro

Select items with a leading icon, title, and supporting description line.
Shadcn Select Option With Icon And Description component

Component data

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

Select Option With Icon And Description component design & features

This example pairs a Lucide icon with a primary label and muted description inside each SelectItem for payout method selection.

Icon plus description rows work well for payment methods, connected accounts, and any option list where a short subtitle clarifies the choice.