Select

Native select, styled. Options come as plain <option>elements in the default slot, so optgroups and values work like always.

Example

Country

Used for tax purposes.

<Select id="country" label="Country">
  <option value="" disabled selected>Choose a country</option>
  <option value="id">Indonesia</option>
  <option value="my">Malaysia</option>
  <option value="sg">Singapore</option>
</Select>

With groups

Time zone

<Select id="tz" label="Time zone">
  <optgroup label="Asia">
    <option value="jakarta">Asia/Jakarta</option>
  </optgroup>
</Select>

Props

Prop	Type	Default	Description
`multiple`	`boolean`	`false`	Multi-select list.
`size`	`number`	-	Visible rows for multi.
`controlSize`	`sm \| md \| lg`	`md`	Control height and font size.
Plus the Field API (label, hint, error, required, disabled).

Accessibility

Native select: full keyboard and screen reader support for free.
Chevron is decorative (aria-hidden).