ObjectUIObjectUI
ComponentsForm

Select

Dropdown selection from a list of options

Examples

Basic Select

{
  "type": "select",
  "label": "Choose an option",
  "options": [
    {
      "label": "Option 1",
      "value": "1"
    },
    {
      "label": "Option 2",
      "value": "2"
    },
    {
      "type": "Option 3",
      "value": "3"
    }
  ]
}

With Placeholder

{
  "type": "select",
  "placeholder": "Select...",
  "options": [
    {
      "label": "Red",
      "value": "red"
    },
    {
      "label": "Green",
      "value": "green"
    },
    {
      "label": "Blue",
      "value": "blue"
    }
  ]
}

Schema

interface SelectSchema {
  type: 'select';
  name?: string;
  label?: string;
  options: { label: string; value: string | number }[];
  placeholder?: string;
  required?: boolean;
  disabled?: boolean;
}

Textarea

Multi-line text input for longer content

Combobox

Searchable dropdown for selecting from a list of options

On this page

ExamplesSchema