How can I create a space between components on the UI?
You can create empty spaced in the app by using the
<info/> tag. This will create a line break in the application.
You can also use an empty
<button-group></button-group> to act as “padding” to assist in aligning components side by side when the alignment appears off between columns. For example, where a
<list-item> is in a left column, and
<text-input> is at the top of a corresponding right column, putting an empty
<button-group></button-group> above the
<list-item> in will act as padding to push the component down, and align it with the
<text-input> in the right column.
Using the html tag allows you to set a height to get more vertical space between things. Simply leave the src out.
<html show-fullscreen-button="false" height="50"/>