Divider
The divider block renders a simple horizontal rule between other content blocks. It provides control over the line’s thickness, color, and opacity, making it flexible enough to work as a bold section break or a subtle visual separator. The block inherits the current text color by default, so it automatically blends with whatever color scheme the parent section uses.
Settings
Section titled “Settings”| Setting | What it does |
|---|---|
| Line Thickness | Width of the border line – 1px, 2px, or 4px. |
| Line Color | Color of the line. “Current Color” inherits from the parent; other options include white, black, and two gray shades. |
| Opacity | How visible the line is, from 5% to 100%. Defaults to 20% for a subtle effect. |
Used in
Section titled “Used in”- The default 20% opacity with “Current Color” creates a very light separator that works in both light and dark sections without any configuration.
- Pair with the spacer block above and below if you need more breathing room around the line than the block spacing alone provides.
- For a bolder visual break, bump thickness to 4px and opacity to 100%.