Select

Single-value dropdown with arrow-key navigation, typeahead, and subtle open/close animation.

Installation

npx dafink-ui add select

Demo

The framework your project uses.

This field is required.

Props

NameTypeDefaultDescription
optionsSelectOption[]-Array of { value, label } objects.
valuestringundefinedControlled selected value.
onChange(value: string) => voidundefinedCalled when a selection is made.
placeholderstring'Select…'Shown when no value is selected.
labelstringundefinedVisible label above the trigger.
hintstringundefinedHelper text (hidden when error is set).
errorstringundefinedError message; switches trigger to error state.
size'sm' | 'md''md'Trigger height and text size.
disabledbooleanfalsePrevents interaction.
classNamestring''Additional classes on the root wrapper.