Styled Divider (Vertical)

The Styled Vertical Divider widget creates a vertical 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 vertical content separators.


Divider Settings Properties

Property
Description

Thickness

The thickness of the divider line in pixels.

Indent

The amount of empty space at the beginning (top) of the divider.

End Indent

The amount of empty space at the end (bottom) of the divider.

Width

The width of the divider widget container itself.

Divider Style Properties

Property
Description

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

Property
Description

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 Vertical Divider widget supports all Default Properties.

Last updated