ObjectUIComponentsLayout
Grid
Responsive grid layout container
Examples
2 Column Grid
{
"type": "grid",
"columns": 2,
"gap": 4,
"children": [
{
"type": "card",
"title": "Card 1",
"children": [
{
"type": "text",
"content": "Content 1"
}
]
},
{
"type": "card",
"title": "Card 2",
"children": [
{
"type": "text",
"content": "Content 2"
}
]
}
]
}Schema
interface GridSchema {
type: 'grid';
columns?: number;
gap?: number;
children: SchemaNode[];
className?: string;
}