Styled Divider (Horizontal)
The Styled Horizontal Divider widget creates a horizontal line that can be used to separate content sections. It offers extensive styling options including thickness, spacing, line patterns, and color/gradient customization, making it perfect for creating visually appealing content separators.
Divider Settings Properties
Thickness
The thickness of the divider line in pixels.
Indent
The amount of empty space at the beginning (left side) of the divider.
End Indent
The amount of empty space at the end (right side) of the divider.
Height
The height of the divider widget container itself.
Divider Style Properties
Line Style
The pattern of the divider line. Options are Solid
, Dashed
, or Dotted
.
Dash Pattern
Custom pattern for dashed lines. Define the length of dashes and gaps as an array (e.g., [2, 2]). Only available when Line Style is Dashed
.
Stroke Cap
The style for the ends of the divider line. Options are Butt
, Round
, or Square
. Not available when Line Style is Dotted
.
Color Properties
Switch to Gradient
Toggle between solid color and gradient. When false
, uses gradient; when true
, uses solid color.
Gradient
The gradient configuration for the divider. Available when Switch to Gradient is false
.
Color
The solid color of the divider. Available when Switch to Gradient is true
.
Default Properties
The Styled Horizontal Divider widget supports all Default Properties.
Last updated