Divider

Divider

The Divider module helps you organize content into clear sections, making pages easier to read and more visually structured. It improves layout clarity and guides users through the content more smoothly.


Configuration

Dividers come with configuration options that make it easy to adapt their appearance and behavior to fit any use case or align with your company’s branding.

Screenshot 2025-04-01 at 11.48.21.png

Display elements

Elements such as icon and text can be enabled or disabled, providing flexibility to adapt to page layout.

Content

The right sidebar provides access to all available content settings and updates dynamically based on the selected template.

  • Content: Divider content can be edited directly in preview mode using inline editing or through the right sidebar.

  • Visuals: supported templates allow adding icons, emojis, and logos.

Styling options

Styling options allow customization of colors, and size of all elements enabled.

  • Color: uses only the accent color defined in the  Caelor Style guide. Changing the accent color updates both icon, and text.

  • Size: can be selected from predefined options Small (S), Medium (M), and Large (L), or defined manually within a range from 1 to 100.


Need help or want to connect?

Cards (by Optics)