2. Divider

Build a divider within your Home Screen!

Step 1:

Size, and Background Color

1.

1. Video

1. GIF

1.1. Set "horizontaldivider" Size:

Width: Fill

Height: 1 px

1.1. Written steps

-Inside the Properties Panel-

A. [Click] the Fill button, inside the Width section:

• The horizontal size of the Div will be the 100% of the screen.

• You cannot use Fill size in the case there is a parent element in Wrap size.

B. [Click] the Height size container and [type] the new value:

• You can also change the size value using the up and down arrows.

• The default Size of a new Div is Fixed, you do not need to change it.

• The default Unit of Fixed size is Pixels, you do not need to change it.

1.2. Set "horizontaldivider" Background Color:

E0E0E0

1.2. Written steps

-Inside the Properties Panel-

A. [Click] the Background toggle and [click] Fill:

• Fill allows you to select either a material color or a gradient as background.

B. [Click] Background color and [Type] the desired color:

• You can type a 6 characters HEX code without the initial #.

Step 2:

Component

2.

2. Video

1. GIF

2.1. Create Component:

2.1. Written steps

-Inside the Properties Panel-

[Click] the "Create a Component" blue button.

• You can only create Components out of Divs.

2.2. Define Component Name:

horizontaldivider

2.2. Written steps

-Inside the Create Component Menu-

[Type] the Component name.

• The default name provided is the name of the Div.

• You can use either use lowercase, uppercase, numbers or spaces.

Preview component