Basics
Standard select with label and help text.
Default
States & validation
Communicate success, warning, and error with borders.
Status
Sizes & density
Match your select height to the rhythm of your layout.
Layout
Icon + select
Add an icon, badge, or helper detail to the select container.
Context
Multi & disabled
Show multi-select intent and disabled states clearly.
Accessibility
Custom status indicator
Pairs a status dot with text to reinforce state selection.
Status
Custom routing status
Compact chip with inline dot for routing or pipeline steps.
Pipeline
Useful for queue, ETL, or notification routing steps.
Inline filters
Use selects side-by-side to filter tables or charts.
Filters
Tip
Inline selects work best with concise labels and predictable option
counts.
