Divider block
The Divider block draws a horizontal line between blocks in a Split Flex card or Text card, with height, width, color and style.
Applies to: Split 5.1.0 and later. Added in: Split 5.0.0. Last checked: 2026-10-13 against Split 5.1.0.
The Divider block draws a horizontal line between the blocks of a Card or Text card, with its own height, width, color and style.
Where to find it: select Add block inside a Card or Text card, then choose Divider.
Adding a divider
- Height sets the line thickness, 1 to 10 px.
- Width: Small is 50 px, Medium and Large are 100 px, Maximum is the full width of the card's text area.
- Color is black by default. It does not follow the card's text color, so change it on dark cards.
- Style: Solid, Dotted, Dashed or Double. Double needs a Height of 3 px or more to show two lines.
Why are Medium and Large the same width?
In Split 5.1.0 both widths are 100 px. Use Maximum for a line across the whole text area, or Small for a short accent line.
All Divider settings
Every setting in this group, with its type and default.
Height (slider 1 to 10 px, default: 1 px): Sets the line thickness.
Width (dropdown, default: Small): Sets the line length: Small 50 px, Medium and Large 100 px, Maximum the full width of the card's text area. Options: Small, Medium, Large, Maximum.
Divider block: Divider Design
Where to find it: Divider → Divider Design
Color (color, default: #000000): Sets the line color. It does not follow the card's text color.
Style (dropdown, default: Solid): Sets the line style. Double needs a Height of 3 px or more to show two lines. Options: Solid, Dotted, Dashed, Double.
Related pages
- Theme blocks: every theme block and where you can add it.
- Flex card: the Card of the Flex cards section.
- Text card: the Flex grid card that holds blocks.