Select
Mantine Combobox/Select — single-value picker with trailing chevron. Used for 'Select scrape pool' on /targets and /service-discovery.
DO
Use for fixed enumerations of 5–50 items.
DON'T
Use for 3 items or fewer — Tab Control reads better.
Design
default
All pools▾
Single-value select with trailing chevron.
Component reference (screenshots)
Placeholder screenshots — the audited app is live at prometheus-e83j.onrender.com.
Implementation
<Select label="Scrape pool" data={pools} />Layout
| Property | Value |
|---|---|
| height | 36px control-height |
| border-radius | 4px sm |
Accessibility
| ARIA | Associate with <label> or aria-label; support native keyboard selection. |