Animated Select

Navigation

An accessible custom dropdown select with animated open/close, keyboard navigation, selection indicator, and spring transitions.

Loading preview...
Customize
Placeholder
Disabled

Props

PropTypeDefaultDescription
optionsSelectOption[][]Array of { value, label } objects to display.
valuestringundefinedCurrently selected value.
onChange(value: string) => voidundefinedCallback when an option is selected.
placeholderstring'Select an option'Placeholder text when no option is selected.
disabledbooleanfalseDisables the select.
classNamestring''Additional CSS classes.