Divider block
The Divider block draws a horizontal line inside a Kingdom flex card, with a height of 1 to 10 px, four widths, a color and a line style.
Applies to: Kingdom 6.2.0 and later. Added in: Kingdom 6.0.0. Last checked: 2026-10-13 against Kingdom 6.2.0.
The Divider block draws a horizontal line inside a flex card, for example between a heading and a text. It has a height, a width, a color and a line style.
Where to find it: select Add block inside a Card or a Text card in the theme editor, then choose Divider.
Line style
- Height sets the line thickness, 1 to 10 px (default 1).
- Width sets the line length: Small (50 px, the default), Medium (100 px), Large (100 px) or Maximum (the full width of the card's content).
- Color sets the line color (default black).
- Style sets the pattern: Solid (default), Dotted, Dashed or Double. Double needs a Height of 3 px or more to show two lines.
The line follows the card's text alignment: on the left, in the center or on the right.
Why do Medium and Large look the same?
Because in Kingdom 6.2.0 both widths are 100 px. Use Maximum for a line across the whole card, or Small for a short 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 is 50 px, Medium and Large are both 100 px in Kingdom 6.2.0, Maximum is the full width of the card content. Options: Small, Medium, Large, Maximum.
Divider block: Divider Design
Where to find it: Divider → Divider Design
Color (color, default: #000000): Sets the line color.
Style (dropdown, default: Solid): Sets the line pattern. Double needs a Height of 3 px or more to show two lines. Options: Solid, Dotted, Dashed, Double.
Related pages
- Empty space block: space between blocks without a line.
- Flex card: the card that holds the block.
- Blocks: the other theme blocks.