Form controls · Lab
Dropdown layouts
Ten common dropdown patterns, all token-driven on the shared form kit. Pick the directions worth promoting into the studio + app.
01
Native select
Styled OS control. Most accessible, least flexible.
02
Listbox
Custom trigger + simple list, check on the selected row.
03
Combobox
Type to filter — for long lists (streets, schools).
04
Grouped
Options under section headers.
05
Icon menu
Leading glyph per option (from the icon system).
06
Rich rows
Title + description per option.
07
Swatch picker
Grouped token swatches (today's studio picker).
08
Status select
Leading status dot — for states + categories.
09
Person picker
Avatar + name + role rows.
10
Multi-select
Checkboxes; stays open; trigger shows the count.
11
Segmented control
No popover — best for 2–4 options.