Select
Accessible and themeable form select component.
import { Label, Select } from '@rebass/forms'
<Box>
<Label htmlFor='country'>Country</Label>
<Select
id='country'
name='country'
defaultValue='United States'>
{Object.entries(props.countries).map(([ key, country ]) => (
<option
key={key}>
{country.name}
</option>
))}
</Select>
</Box>
Live Demo