3.0.0-alpha.7 Alpha
Default Default Classic Light Dark Light Dark System
Search /
Default Default Classic Light Dark Light Dark System
Native Styles

Select

<select>

Selects allow you to choose items from a menu of predefined options.

Want to do more? Check out the <wa-select> component! 
<label>Select
  <select id="select">
    <option value="option-1">Option 1</option>
    <option value="option-2">Option 2</option>
    <option value="option-3">Option 3</option>
  </select>
</label>

Examples

Appearance

Use the appearence utilities to change the select's visual appearance.

<label>Select
  <select id="select" class="wa-filled">
    <option value="option-1">Option 1</option>
    <option value="option-2">Option 2</option>
    <option value="option-3">Option 3</option>
  </select>
</label>
    No results