Divider Widget

Contents

the Divider widget le permite agregar líneas horizontales con estilo que dividen su contents.

You can choose the standard line with nice styling effects or select from a variety of over 25 SVG dividers for an enhanced layout style.

Additionally, you can include text or icons before, after, or in the middle of your divider.

Content

Style: Choose from many classic and patterned styles such as solid, curly, wavy, tribal, arrow, plus size patterns and more.
Width: Controls the width of the divider as a percentage from 0 to 100 percent.
Alignment: Align the divider to the left, center, or right of the page.
Add item: Select from None, Textor Icon. Select Text or Icon allows you to enter the text to include or select or load an icon from the icon library.

Colour: Choose the color of the divider
Size: Set the size / height of the divider, from 1 to 100, in pixels or as a percentage
Quantity: Sets the number of patterned items to display
Gap: Slide to set the space above and below the divider, from 1 to 50

Colour: Choose the text color
Typography: Sets the typography options for the text
Position: Choose the position of the text in relation to the divider, selecting from Left, Centeror Correct
Spacing: Slide to add space between the text and the dividing line, from 1 to 50

There are 3 different POINTS OF VIEW for the widget: Default, Piled upand Framed. Each one comes with its own set of options.

Size: Sets the icon size
Primary color: Choose the icon color
Position: Choose the position of the icon in relation to the divider, selecting from Left, Centeror Correct
Spacing: Slide to add space between the icon and the dividing line, from 1 to 50
To turn: Slide to select the number of degrees to rotate the icon, from 0 to 360

Size: Sets the icon size
Filling: Sets the padding around the icon
Primary color: Sets the background color of the stack
Secondary color: Sets the icon color
Position: Choose the position of the icon in relation to the divider, selecting from Left, Centeror Correct
Spacing: Slide to add space between the icon and the dividing line, from 1 to 50
To turn: Slide to select the number of degrees to rotate the icon, from 0 to 360
Edge radius: Sets the radius of the bottom edge of the stack to make the rounded corners completely round stacks

Size: Sets the icon size
Filling: Sets the padding around the icon
Primary color: Sets the border color of the frame
Secondary color: Sets the icon color
Position: Choose the position of the icon in relation to the divider, selecting from Left, Centeror Correct
Spacing: Slide to add space between the icon and the dividing line, from 1 to 50
To turn: Slide to select the number of degrees to rotate the icon, from 0 to 360
Border width: Controls the thickness of the frame border
Edge radius: Sets the edge radius of the frame edge to make the rounded corners completely round frames