ObjectUIObjectUI
ComponentsDisclosure

Collapsible

Toggle visibility of content

Examples

Basic Collapsible

{
  "type": "collapsible",
  "trigger": {
    "type": "button",
    "label": "Toggle"
  },
  "children": [
    {
      "type": "text",
      "content": "Hidden content"
    }
  ]
}

Schema

interface CollapsibleSchema {
  type: 'collapsible';
  trigger: SchemaNode;
  children: SchemaNode[];
  defaultOpen?: boolean;
}

Accordion

Expandable content sections

Toggle Group

A group of toggle buttons where one or more can be selected

On this page

ExamplesSchema