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.

1. Open the desired page or create a new one.

2. Enter edit mode, then click the ‘+’ icon in the toolbar or press ‘/’ on the keyboard to open the module menu.

3. In the search bar, type “Viz” or “Optics” and select it from the list to open the configuration dialog. Alternatively, type “Divider” and select the Viz (by Optics).

4. In the configuration dialog, either select a module template from the overview page or navigate to Divider from the left sidebar.

Open

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.

Open

The text, and icon can be toggled on or off individually, but at least one must remain visible to ensure a valid button module.

The title can be edited inline, and the visual element to the left of the title can be set in the configuration sidebar. You can choose from three options to add personality, clarity, or branding to your Divider module.

• Emoji: Used to add personality and expressiveness to cards, making content feel more engaging and friendly.

• Icons: Available from four built-in libraries, offering a wide variety of styles to suit different use cases, from playful to professional.

• Logos: Part of a dedicated feature connected to the  Caelor Style guide . Allows Confluence admins to upload, manage, and use approved company logos.

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: You can choose from predefined sizes, Small (S), Medium (M), and Large (L), or define a custom size within a range from 1 to 100.