Select

Select allows users to make a single selection from a list of options.

Default

The default select component:

() => (
  <Select>
    <option>Apple</option>
    <option>Banana</option>
    <option>Orange</option>
  </Select>
);

() => (
  <Select>
    <option>Apple</option>
    <option>Banana</option>
    <option>Orange</option>
  </Select>
);

A disabled select component:

() => (
  <Select disabled={true}>
    <option>Apple</option>
    <option>Banana</option>
    <option>Orange</option>
  </Select>
);

() => (
  <Select disabled={true}>
    <option>Apple</option>
    <option>Banana</option>
    <option>Orange</option>
  </Select>
);