column
A container that stacks its children from top to bottom.
Syntax
Otter
create column into name
Properties
Output
width number Width in pixels
height number Height in pixels
background color Background color
spacing number The gap between the children
padding number The space between the edge and the children
align word left, center, right (the cross direction), or top, middle, bottom
spread flag Push the children apart to fill the height
Example
Otter
create window into app
title of app is "Form"
create column into form
spacing of form is 10
padding of form is 12
create text box into nameBox
placeholder of nameBox is "Name"
create text box into emailBox
placeholder of emailBox is "Email"
create primary button into submitButton
text of submitButton is "Submit"
put nameBox in form
put emailBox in form
put submitButton in form
put form in app
show app
Expected result
Two text boxes and a Submit button stacked in a column, 10 pixels apart.
row
Layout