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