ObjectUIComponentsLayout
Card
Container with header, content, and footer sections
Examples
Basic Card
{
"type": "card",
"title": "Card Title",
"description": "Card description",
"children": [
{
"type": "text",
"content": "Card content goes here"
}
]
}With Footer
{
"type": "card",
"title": "Settings",
"children": [
{
"type": "text",
"content": "Configure your preferences"
}
],
"footer": [
{
"type": "flex",
"gap": 2,
"justify": "end",
"children": [
{
"type": "button",
"label": "Cancel",
"variant": "outline"
},
{
"type": "button",
"label": "Save",
"variant": "default"
}
]
}
]
}Schema
interface CardSchema {
type: 'card';
title?: string;
description?: string;
children?: SchemaNode[];
header?: SchemaNode[];
footer?: SchemaNode[];
className?: string;
}