← KDS Design System

Select & Multiselect

1:1 from the Figma spec — Mazzard H, field 376px · radius 8 · border 2px · heights 56/52/48. Click any field to open its dropdown (prototype); options select & fill the value.

Closed — 7 states × 3 sizes

columns = states · rows = size (56 / 52 / 48) · click to open

Opened dropdowns — 4 variants

48px trigger · 8px gap · menu radius 8 · option 46px r6 · highlight grey-200