ObjectUIObjectUI

Tabs

Organize content into switchable tabs

Examples

Basic Tabs

{
  "type": "tabs",
  "items": [
    {
      "label": "Tab 1",
      "content": [
        {
          "type": "text",
          "content": "Content 1"
        }
      ]
    },
    {
      "label": "Tab 2",
      "content": [
        {
          "type": "text",
          "content": "Content 2"
        }
      ]
    },
    {
      "label": "Tab 3",
      "content": [
        {
          "type": "text",
          "content": "Content 3"
        }
      ]
    }
  ]
}

Schema

interface TabsSchema {
  type: 'tabs';
  items: Array<{
    label: string;
    content: SchemaNode[];
  }>;
  defaultValue?: number;
}

On this page