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.
7 Likes
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"/>
9 Likes