row.md

title	Jaseci Row
aliases	Row
tags	documentation

Summary

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.

Sections

• children

Props

• justify - positions children along the x-axis
  • Acceptable values are start | end | center | around | evenly
• items - positions children along the y-axis
  • Acceptable values = start | end | center