How can I create a space between components on the UI?

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