Select
Usage
A native dropdown for choosing one option from a known list. Native on purpose: it inherits the platform picker on mobile, keyboard type-ahead on desktop, and correct behaviour in assistive tech — none of which a custom listbox gets for free.import { Select } from '@summonware/ui';Best practices
DoUse `placeholder` for the empty state. It renders as a disabled first option, so it cannot be submitted as a value.
DoPrefer radios below about five options — visible choices beat a menu the user has to open.
Don'tUse a select for more than about twenty options. That is an autocomplete.
Don'tOrder options arbitrarily. Sort alphabetically, or by frequency of use if you know it.
Examples
Common configurations, variations and states.Basic
With a placeholder as the unselected state.
States
Determines applicable tax.
Choose a destination
Hint, error and disabled behave exactly as they do on a text input — the same Field wrapper drives all three.