Components
AlertAlignButtonCheckboxCheckbox GroupConfirmDatepickerDialogDropdownProps & MethodsBasic UsagePlaceholderDisplay VariantsSet Width of DropdownHoverableSearchablePreset OptionAsync OptionsIcon OptionsGroup OptionsCustomized Options TemplateonBluronFocusonCloseDropDownFormIconInputMenuMessageMonthpickerPagePickerPopconfirmRadioStatusboxTabTableUploadValidator
Dropdown
Props & Methods
style
object
className
string
searchable
bool
false
hoverable
bool
false
options
Array<Custom>
value
any
showSelectedIcon
bool
false
onChange
func
onBlur
func
onFocus
func
onCloseDropDown
func
disabled
bool
false
placeholder
string
cleanable
bool
false
noBorder
bool
false
noIcon
bool
false
icon
any
dropdownWidth
number
onSearch
func
👆 options
style
object
className
string
option
custom
disabled
bool
false
showSelectedIcon
bool
Basic Usage
Placeholder
I am the placeholder
Display Variants
I am cleanable
No icon on the right!
No border around!
Selected icon shows!
I am disabled
Set Width of Dropdown
A default dropdown!
A narrow dropdown!
A wide dropdown!
Hoverable
I am hoverable
Searchable
Preset Option
Apple
Async Options
Icon Options
Options with Icon!
Group Options
Customized Options Template
Customized Simple Options
onBlur
Select something!
onFocus
Click and see logs!
onCloseDropDown
Show dropdown, then close dropdown