Select

Variables

--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-button-background-color);
--va-select-caret-width: calc(var(--va-select-font-size) / 3);

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

 <div class="va-select-group">
  <label>Select</label>
  <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>
</div>