ComponentsLayout
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;
}