Select - Empreint

A custom dropdown select. Uses SelectTrigger, SelectContent, and SelectItem to compose a fully styleable picker on top of a native select-like UX.

import { Select } from "@empreint/ui";

<Select defaultValue="react" onChange={(option) => console.log(option.value)}>
	<SelectTrigger />
	<SelectContent>
		<SelectItem value="react">React</SelectItem>
		<SelectItem value="vue">Vue</SelectItem>
	</SelectContent>
</Select>

Props

Prop

Type

CSS Variables

Prop

Type