title | aliases | tags | ||
---|---|---|---|---|
Jaseci Column |
|
|
A Column
is a layout component that allows you to align children
components vertically. A column is rendered as a flexbox container.
Example:
{
"component": "Column",
"events": {},
"sections": {
"children": []
},
"props": {
"justify": "center",
"items": "start"
},
}
The above will align the children elements in a column that's aligned to the left of the x-axis and center-aligned on the y-axis.
- children
- justify - positions children along the y-axis
- Acceptable values are
start
|end
|center
|around
|evenly
- Acceptable values are
- items - positions children along the x-axis
- Acceptable values =
start
|end
|center
- Acceptable values =