LayoutList

LayoutList arranges contents vertically.

paddingTop : 5

paddingBottom : 5

paddingLeft : 5

paddingRight : 5

gap : 5

horizontalAlign

left center right stretch

reset

Lorem

ipsum

dolor

sit

amet

||

Usage

• Place your contents between <LayoutList> tags

<LayoutList padding-x="5" padding-y="5" gap="5" horizontal-align="center" style="border: 1px solid;" > <button>OK</button> <button>Cancel</button> <button>Save</button> </LayoutList>

<LayoutList
	padding-x="5"
	padding-y="5"
	gap="5"
	horizontal-align="center"
	style="border: 1px solid;"
>
	<button>OK</button>
	<button>Cancel</button>
	<button>Save</button>
</LayoutList>

Props

• padding props

Property	Description	Type	Default	Value
gap	gap size between contents	Number, String	0	spacing scale
horizontalAlign	horizontal align contents	String	stretch	left, center, right, stretch