Styled Divider (Horizontal)

The Styled Horizontal Divider widget creates a horizontal line that can be used to separate content. It offers various styling options for thickness, color, and pattern.

Properties

Property	Description
thickness	The thickness of the divider line.
indent	The amount of empty space at the beginning of the divider.
endIndent	The amount of empty space at the end of the divider.
height	The height of the divider widget itself.

Color Properties

Property	Description
value	If true, a gradient is used for the color. Otherwise, a solid color is used.
color	The solid color of the divider.
gradiant	A gradient to apply to the divider. See Gradient for details.

Border Pattern Properties

Property	Description
value	The pattern of the border (solid, dashed, dotted).
strokeCap	The style for the ends of the divider line (butt, round, square).
dashPattern	A custom pattern for dashed borders.

---

Default Properties

The Styled Horizontal Divider widget supports all three sections of default properties:

Layout

• width

• height

• padding

• margin

• align

Appearance

• bgColor

• borderRadius

• border

  • borderWidth

  • borderColor

  • borderType (e.g., solid, dashed)

  • strokeAlign

Interactions

• onClick — Used to add actions to the Styled Horizontal Divider widget.