forms contract

Select

Choose one option from a fixed (≤30) list. For >30 use Combobox. For ≤5 use a SegmentedControl.

Variants

default: Native-styled select with Apple chevron
menu: Custom menu portal — for icons, long descriptions, group headers

Sizes

sm: 28pt
md: 36pt
lg: 44pt

Example

<Select name="country" required>
  <option value="">Select country…</option>
  <option value="US">United States</option>
</Select>

Usage rule

Always include a placeholder option — never auto-select unless the value is required.

The full Select contract has 4 more rules, plus the do-not patterns. Get the full recipe.

Related

Get the Select contract in your project.