Select

Renders a select. Can be used as a controlled or uncontrolled component.

Option oneOption two
<Select width="200px">
    <option value="1">
        Option one
    </option>
    <option value="2">
        Option two
    </option>
</Select>
<Select width="200px">
    <option value="1">
        Option one
    </option>
    <option value="2">
        Option two
    </option>
</Select>
Live Demo

The icon prop replaces the icon rendered by the component.

Option oneOption two
<Select
    width="200px"
    padding={2}
    borderWidth="2px"
    borderColor="Primary"
    borderRadius="4px"
    icon={
        <DotIcon fill="Primary" />
    }
>
    <option value="1">
        Option one
    </option>
    <option value="2">
        Option two
    </option>
</Select>
<Select
    width="200px"
    padding={2}
    borderWidth="2px"
    borderColor="Primary"
    borderRadius="4px"
    icon={
        <DotIcon fill="Primary" />
    }
>
    <option value="1">
        Option one
    </option>
    <option value="2">
        Option two
    </option>
</Select>
Live Demo