Select menu

Mantine Combobox · Select & MultiSelect — rebuilt 1:1 with Mantine using our atoms (Input field · Tag pills) and tokens. Dropdown: rounded panel · inset rounded options · hover grey · selected = primary-light + check (left). Sizes 40 · 44 · 48 · states default / focus / error / disabled · searchable · grouped · clearable.

Select · single

placeholder · value (clearable) · open · error · disabled

Select dropdown

searchable (type to filter) · grouped · with icons · nothing found

Option variants

dot (status) · icon · description (2-line) · badge · disabled — Mantine option style

MultiSelect

pills (Tag atom) in input · open dropdown uses the checkbox option atom (normal dropdown · selection = checkbox, no bg change)

Field anatomy

required * · description · error message · leftSection icon · read-only

MultiSelect extras

checkbox options · “+N” counter · error state

Async & creatable

loading (spinner) · creatable “Create …” · combined

Rich options

avatar (people picker) · scrollable long list · dropdown header + footer