Select

Dropdown selection components for choosing options from a list.

Basic Select

Country

<div className="ethio-form-group">
  <label className="ethio-form-label">Country</label>
  <select className="ethio-form-select">
    <option>Select a country</option>
    <option>Ethiopia</option>
  </select>
</div>

Select States

Normal Select

Disabled Select

Required Select

Multiple Selection

Select MultipleHold Ctrl (or Cmd on Mac) to select multiple

<select className="ethio-form-select" multiple>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>