Select Option With Status Dot - Status dot options

Pro

Two-line select items with a colored status dot, label, and incident detail.
Shadcn Select Option With Status Dot component

Component data

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

Select Option With Status Dot component design & features

This example uses a colored dot beside a two-line SelectItem for operational status reporting.

Status dot rows fit incident forms, health dashboards, and service status pickers where color and a short detail line communicate severity quickly.