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' }]}
/>

Props

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