Select

A widget that presents a list of options and allows a user to select one of them.

To maximize accessibility (opens in a new tab), Select extends the browser's native <select> (opens in a new tab) element.

Size

Variant

Intent

Disabled

Right icon

To override the default ChevronDown icon (from lucide-react (opens in a new tab)), pass a custom icon component to the rightIcon prop.

1
<DesignComponentsDisplay>
2
	<Select rightIcon={<Unknown />}><SelectOptions /></Select>
3
</DesignComponentsDisplay>