Select

Variables

CSS Variable	Default Value
—va-select-font-size	var(—va-font-size-1)
—va-select-padding	var(—va-space-3)
—va-select-border-width	var(—va-border-width)
—va-select-border-color	var(—va-border-color)
—va-select-background-color	var(—va-surface-primary)

Default

<select class="va-select">
<option disabled selected>
  Choose an option
</option>
<option value="one">Option one</option>
<option value="two">Option two</option>
<option value="three">Option three</option>
</select>

With label

Select

<label>
<span>Select</span>
<select class="va-select">
  <option disabled selected>
    Pick an option
  </option>
  <option value="one">Option one</option>
  <option value="two">Option two</option>
  <option value="three">Option three</option>
</select>
</label>