← Back to Components
Stack
layoutFlexbox stack layout
Parameters
directiongapalignjustifyclassNamePreview
Item 1
Item 2
Example
{
"kind": "component",
"name": "Stack",
"props": {
"direction": { "expr": "lit", "value": "column" },
"gap": { "expr": "lit", "value": "md" },
"align": { "expr": "lit", "value": "center" }
},
"children": [
{ "kind": "element", "tag": "div", "children": [{ "kind": "text", "value": { "expr": "lit", "value": "Item 1" } }] },
{ "kind": "element", "tag": "div", "children": [{ "kind": "text", "value": { "expr": "lit", "value": "Item 2" } }] }
]
}Installation
Copy component files from:
node_modules/@constela/ui/components/stack/