AllDesignWidgetsDivider Widget

Divider Widget

Add horizontal separators with custom styling.

Use Divider to separate sections with a styled horizontal rule.

Add a Divider widget

1

Open the widget picker

In the page editor, open Widgets.

2

Drag Divider

In Layout, drag Divider (divider icon) onto the page.

3

Open Divider Settings

Click the widget and choose Divider Settings.

Divider Settings

The dialog has two tabs: Divider and Border.

Divider tab

  • Divider color, height, and style
  • Divider Width

Border tab

  • Alignment
  • Divider border radius
  • Shadow

Toolbar actions

  • Divider Settings
  • Alignment
  • Animation
  • Position
  • Copy
  • Delete
Updated Jan 7, 2026

Was this helpful?