Select

Custom styled dropdowns with error message.

Select

Copy<label>Select an Option</label>
<div class="select">
  <select>
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
  </select>
</div>

Select with error

Copy<label>Select an Option</label>
<div class="select error">
  <select>
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
  </select>
  <div class="error-message">Please select an option</div>
</div>