Select

Displays a list of options for the user to pick from—triggered by a button.

With label

Select

With search

Select

Loading

Select

Custom display

Select

Scrollable

Fullscreen mode

Select

Component props

Name	Type	Description
items	any[]	Array of items to display
value	string \| number	Controlled selected value
defaultValue	string \| number	Default selected value
label	string	Label text displayed above the select
placeholder	string	Placeholder text when no selection
isLoading	boolean	Shows loading indicator
isDisabled	boolean	Disables the select
isFullscreen	boolean	Opens options in fullscreen mode
allowSearch	boolean	Enables search within options
searchDelay	number	Debounce delay for search
onChange	(value: any) => void	Called when selection changes
onSearch	(value: string) => void	Called when search value changes
renderValue	ReactNode \| Function	Custom render for selected value

Name

Type

Description

items

any[]

Array of items to display

value

string | number

Controlled selected value

defaultValue

string | number

Default selected value

label

string

Label text displayed above the select

placeholder

string

Placeholder text when no selection

isLoading

boolean

Shows loading indicator

isDisabled

boolean

Disables the select

isFullscreen

boolean

Opens options in fullscreen mode

allowSearch

boolean

Enables search within options

searchDelay

number

Debounce delay for search

onChange

(value: any) => void

Called when selection changes

onSearch

(value: string) => void

Called when search value changes

renderValue

ReactNode | Function

Custom render for selected value