ObjectUIObjectUI
ComponentsForm

Checkbox

Toggle selection with checkboxes

Examples

Basic Checkbox

{
  "type": "checkbox",
  "label": "Accept terms and conditions"
}

Multiple Checkboxes

{
  "type": "stack",
  "gap": 2,
  "children": [
    {
      "type": "checkbox",
      "label": "Option 1"
    },
    {
      "type": "checkbox",
      "label": "Option 2"
    },
    {
      "type": "checkbox",
      "label": "Option 3"
    }
  ]
}

Schema

interface CheckboxSchema {
  type: 'checkbox';
  name?: string;
  label?: string;
  defaultChecked?: boolean;
  required?: boolean;
  disabled?: boolean;
}

Combobox

Searchable dropdown for selecting from a list of options

Radio Group

A set of checkable buttons where only one can be selected at a time

On this page

ExamplesSchema