UI Library

SelectDropdown

Default

value: two

Props

PropTypeDefaultNotes
buttonLabelstringTrigger label text.
options{ value: string; label: string }[]Selectable options.
activeValuestring''Committed value; marked in the panel.
ariaLabelstringAccessible name for the control.
filterablebooleanfalseRenders a combobox input with filtering.
size'xs' | 'sm' | 'md' | 'lg''sm'Control scale.
onSelect(value: string) => voidCalled with the chosen value.
buttonClassstringbuilt-inReplaces the trigger button classes.
controlClassstringbuilt-inReplaces the filterable input classes.
optionClassstringbuilt-inReplaces the option row classes.
emptyLabelstringShown when the filtered list is empty.
clearablebooleanfalseAppends a cross button that clears the value.
clearLabelstring'Clear selection'Accessible name for the clear button.
onClear() => voidonSelect('')Clear handler; selects empty when omitted.
align'left' | 'right''left'Panel edge anchored to the trigger.
autoPlacebooleantrueFlips the panel when crowded.
panelClassstringbuilt-inReplaces the floating panel classes.