Skip to main content
The Divider block inserts a horizontal line to visually separate sections of your content. Use it to break up long resources, create clear sections, or add visual structure. Dividers can be styled with different line types, thicknesses, and optional labels.
Dividers with labels are great for creating named sections that help learners navigate longer resources.

​
When to use Divider blocks

Divider blocks work well for:
  • Breaking up long content into sections
  • Creating visual separation between topics
  • Adding named section headers
  • Improving readability and navigation
  • Signalling transitions between activities

​
Settings

​
Line style

​
Type
select
default:"solid"
The style of the divider line:
  • Solid: A continuous line
  • Dashed: A dashed line
  • Dotted: A dotted line
​
Thickness
select
default:"default"
The thickness of the divider line:
  • Thin: Subtle, lightweight line
  • Default: Standard thickness
  • Thick: Bold, prominent line

​
Spacing

​
Padding
select
default:"medium"
The vertical space around the divider:
  • Small: Minimal spacing
  • Medium: Standard spacing
  • Large: Generous spacing
  • Extra Large: Maximum spacing

​
Label

​
Show Label
switch
default:"false"
When enabled, displays a text label in the center of the divider.
​
Label
text
default:""
The text to display on the divider. Only visible when “Show Label” is enabled.

​
Tips for teachers and parents

Best practices:
  • Use dividers sparingly; too many can clutter your resource
  • Add labels to create clear, named sections
  • Use larger padding for major section breaks
  • Use smaller padding for minor separations
  • Consider using dashed or dotted lines for softer visual breaks
  • Match divider style to your resource’s overall design