Select

A dropdown control that lets users pick one option from a predefined list.

Import

import { Select } from "@/components/ui"

Prop	Type	Default	Description
options	SelectOption[]	—	Array of { value, label, disabled? } objects.
value	string	—	Controlled selected value.
onValueChange	(value: string) => void	—	Callback when selection changes.
placeholder	string	"Select..."	Placeholder text when no value is selected.
size	"sm" \| "md" \| "lg"	"md"	Controls height and font size.
label	string	—	Label text above the select.
error	string	—	Error message below the select.

Default

Framework

Pick your favourite front-end framework.

With error

Framework

Selection is required.

Small size

Framework

Disabled

Framework