Combobox

NEW

A searchable select where one highlight glides between options as you move (keyboard or mouse), the match underlines as you type, and the check pops in on selection.

Installation

Add the component directly to your repository using shadcn CLI:

npx shadcn@latest add Surajmaurya1/easyui/combobox

API Reference

PropTypeDefaultDescription
optionsComboboxOption[]undefinedOptions with value, label, description, icon, keywords, disabled
valuestring | nullundefinedControlled selected value
defaultValuestring | nullnullInitial value (uncontrolled)
onValueChange(value: string | null) => voidundefinedSelection change callback
placeholderstring'Select…'Trigger placeholder
searchPlaceholderstring'Search…'Search input placeholder
emptyTextstring'No results.'Empty state message
align'start' | 'end''start'Popover alignment
disabledbooleanfalseDisables the trigger
classNamestringundefinedAdditional class for the wrapper (set width, e.g. w-72)
aria-labelstringplaceholderAccessible name for the combobox