Step 1: Navigate to the page where you want to add the component. Click on "Drag components here" and click on + to add the component on page.
Horizontal Rule Component
Horizontal Rule Component
Step 1: Navigate to the page where you want to add the component. Click on "Drag components here" and click on + to add the component on page.
Step 2: Search and select horizontal rule component from dropdown list and then drag and drop it onto the desired location on the page.
Step 3: Once the component is added, you can configure it by selecting configure icon as showcased in below image.
Step 4: In the component configuration dialog, you can author properties tab
Authoring Fields - Horizontal Rule
| Field name | Description |
| Properties tab | |
| Width | This is a number field to display the width of the line to be displayed on page |
| Min Height | This is a number field to display the height of the line to be displayed on page |
| Color | This is a colorpicker field authored color will be applied to the line(Note: if image not authored line will be displayed) |
| image | Image can be authored from dam that needs to be displayed |
| Opacity | This is a number field to author the opacity of the line |
| Margin | This is a text authoring filed to author margin to the line (Note Author px as a sufix Eg:10px) |
| Padding | This is a text authoring filed to author padding to the line (Note Author px as a sufix Eg:10px) |
Step 5: After authoring all the fields, publish the page as shown below.
Desktop View