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
  searchPlaceholder?: string;     // Search input placeholder
  emptyText?: string;             // Text when no results
  
  // Events
  onValueChange?: string | ActionConfig;
  
  // States
  disabled?: boolean;
  
  // Styling
  className?: string;
}

Examples

Dynamic Options

Country Selector

On this page