Divider
The divider acts like a visual separator element. Usually, it is used to divide the content into sections - or, to make a transition from one type of content to another type.
Last updated
The divider acts like a visual separator element. Usually, it is used to divide the content into sections - or, to make a transition from one type of content to another type.
Last updated
This is the text value shown within the divider line when the divider type is horizontal. This is helpful when the user wants to convey a message or information using the divider, without going for the extra widget to display the infomation.
This sets whether the widget has to be displayed on the screen when the program is loaded. This shows/hides the widget both on desktop and mobile devices.
Left - The title is attached to the left end of the divider
Center - The title is attached at the center of the divider
Right - The title is attached to the right end of the divider
Vertical
The divider acts like a visual separator element. Usually, it is used to divide the content into sections - or, to make a transition from one type of content to another type.
Horizontal
The divider is displayed horizontally on the screen, from left to right.
The line is displayed as a dashed line, having breaks at regular intervals.
Color
Set the colour for the divider line.
Text
Set the colour of the title text. Recommended to set in contrast with the background.
Loader Color
Pick the colour to the loading spinner when the component shows the loader before getting displayed.
Text Transform
This property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. MDN web docs
Text Decoration
This property sets the appearance of decorative lines on text. Types are "underline", "overline", "line-though", "overline-underline".
Text Size
Set the size of the text in px value - 12px
Text Weight
Increase or decrease the thickness of the font using the list of numbers from 100-800.
Font Family
Type the name of the font family. The reference to the list of font families can be found here: MDN web docs
Font Style
There are 3 types of styles that can be applied: "normal" - The text is shown normally, no style applied. "italic" - The text is cursive. "oblique" - A sloped version of the normal text.
Border Color
Set the colour to the border lines. The border lines will be shown only if that is enabled.
Margin
This value is set in terms of "px" number which creates the space between the border and the content of the widget.
Padding
This value is set in terms of "px" number which creates the space between the border and outer elements.
Border Radius
This sets the radius of the widget's corners, enabling rounded corners on the widget. This value is defined in "px" terms.
Border Width
Set the thickness of the border of the widget using this value. It is defined using "px" terms.
