ObjectUIObjectUI

Combobox

Searchable dropdown for selecting from a list of options

The Combobox component combines a text input with a dropdown list, allowing users to search and select from options.

Basic Usage

Basic Combobox

Searchable Combobox

States

Disabled

With Value

Schema

interface ComboboxOption {
  value: string;
  label: string;
}

interface ComboboxSchema {
  type: 'combobox';
  options: ComboboxOption[];     // Available options
  value?: string;                 // Selected value
  
  // Text
  placeholder?: string;           // Button placeholder
  
  // States
  disabled?: boolean | string | { dialect?: string; source: string };   // boolean, predicate expression, or CEL envelope
  
  // Styling
  className?: string;
}

Examples

Dynamic Options

Country Selector

On this page