Placeholder

Selected option

With icon

See the Icon set.

Disabled

Disabled option

Container

Specify where it's going to be rendered in the DOM, this is especially useful when working with Shadow DOM.

<Select
container={() => document.querySelector("#renderContainer")}
options={[{ value: 'bahamas', title: 'Bahamas' }]}
/>

onOpenChange callback

Callback that provides the isOpen value when dropdown opens or closes

Props

prop
type
default
menuZIndex
number
1100
onChange
func
isDisabled
bool
placeholder
node
selectedOptionValue
string
options
[{
value: string,
title: node,
icon: node,
isDisabled: bool,
}]
container
any
onOuterClick
func
onOpenChange
func