forms contract

Select

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

Variants

  • default
  • menu

Sizes

  • sm
  • md
  • lg

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.

Get the Select contract in your project.