Components | Divider
Modified on: Wed, 3 May 2023 3:48 PMThe "Divider" component is designed to incorporate a graphic element that allows you to visually separate the contents on the screen.
This component is located in the "Image" group and can be added within the screens.
This component has two views that have different properties:
- Linear separator
- Image separator
Linear separator properties
| PROPERTY | DESCRIPTION |
|---|---|
| Color |
By default, the linear separator will be a line that will apply the main color of the unit. With this property you can customize its color. |
| Thickness | This property allows you to modify the thickness of the line in pixels. |
| Width | This property allows changing the space occupied by a component inside a central column of contents. This component occupies 100% of the space by default. Text size can be reduced to other preset percentages or can be displayed in full-size. For some quote styles, "Full" width makes quotes lay over the central column. |
| Alignment | This property allows placing the component on the right, on the left or on the centre of the central column where contents are shown. It can only be used when applied "Width" is less than 100%. |
Image separator properties
| PROPERTY | DESCRIPTION |
|---|---|
Width |
This property allows changing the space occupied by a component inside a central column of contents. This component occupies 100% of the space by default. Text size can be reduced to other preset percentages or can be displayed in full-size. For some quote styles, "Full" width makes quotes lay over the central column. |
| Alignment | This property allows placing the component on the right, on the left or on the centre of the central column where contents are shown. It can only be used when applied "Width" is less than 100%. |
| Resource (SVG) | Image that will act as a divider. It must be an image in SVG format. |