Select

Form select component

import { Select } from 'theme-ui'

<Select
  defaultValue='Hello'>
  <option>Hello</option>
  <option>Hi</option>
  <option>Beep</option>
  <option>Boop</option>
</Select>
<Select
  defaultValue='Hello'>
  <option>Hello</option>
  <option>Hi</option>
  <option>Beep</option>
  <option>Boop</option>
</Select>

Variants

Select variants can be defined in theme.forms and the component uses the theme.forms.select variant by default.