sm32 px
Design Systemv1.0COMPONENTS · DROPDOWN
DESCRIPTION
A dropdown is a selection control that reveals a list of predefined options and allows users to choose an available value.
PLAYGROUND MODE
A custom select control with a labeled trigger, a positioned item panel, and full keyboard support — used everywhere the interface needs to choose one value from a list.
SIZE
STATES
The trigger reuses the Text Input anatomy — label, value, hint text — with a chevron that rotates when the panel is open. Focus is communicated purely with the outer ring, matching Text Input.
TOKENS & TYPOGRAPHY
COMPONENT STRUCTURE