Combobox
Searchable combobox component with filtering, keyboard navigation, and accessibility for advanced option selection
Installation
Install the Combobox component using the nocta-ui CLI:
npx @nocta-ui/cli add comboboxImport the component:
import { Combobox, ComboboxOption } from '@/components/ui/combobox';Examples
Default Combobox
Variants
Sizes
Clearable Selection
Disabled Options
Disabled State
Custom Messages
Api Reference
Combobox
Prop
Type
options?ComboboxOption[]value?stringdefaultValue?stringonValueChange?(value: string) => voidportal?booleanplaceholder?stringsearchPlaceholder?stringemptyMessage?stringdisabled?booleansize?"sm""md""lg"variant?"default""error""success"className?stringpopoverClassName?stringclearable?booleanComboboxOption
Prop
Type
value?stringlabel?stringdisabled?boolean