jatui

SelectInput

Dropdown select with searchable mode, grouped options, and validation

Basic usage

Selected:

Please select a role

Grouped + searchable

Selected:

Props

PropTypeDefaultDescription
labelstring-Field label (required)
valuestring | number""Selected value (bindable)
optionsSelectOption[][]Available options
placeholderstring"Select an option"Placeholder text
searchablebooleanfalseEnable search filter
errorstring""Validation message
disabledbooleanfalseDisable the select
size"sm" | "md" | "lg""md"Size variant
onchange(value, option) => void-Change callback

SelectOption type

interface SelectOption {
  value: string | number;
  label: string;
  disabled?: boolean;
  group?: string;  // Renders a group heading in the list
}