Select Box Component

A customizable select component for selecting a value from a list of options.

Basic Usage

A simple select box with options.

Select boxes in different sizes.

Select boxes in different states.

Disabled

Disabled select

Error

A practical example of using the select component.

The props and options for the Select component.

Prop	Description	Type	Default
value	The controlled value of the select	string	-
defaultValue	The default value of the select	string	-
onChange	Callback when value changes	(value: string) => void	-
disabled	Whether the select is disabled	boolean	false

Prop	Description	Type	Default
size	The size of the trigger	"sm" \| "md" \| "lg"	"md"
error	Whether to show error styling	boolean	false

Prop	Description	Type	Default
placeholder	Placeholder text when no value is selected	string	"Select an option"

Prop	Description	Type	Default
value	The value of the item	string	Required
disabled	Whether the item is disabled	boolean	false