The Divider block renders a horizontal separator line. Use it to break content into sections.

## Settings

| Setting | Description |
|---|---|
| **Name** | Internal name shown on the canvas block label and used in builder error messages. Does not appear in the rendered output. |
| **Height** | The thickness of the line in pixels. Default: 1. |

## Default Appearance

Dividers default to a light gray colour (`#E2E8F0`). The line colour comes from the block's **Background Color** setting in the Style sub-tab — change that to recolour the divider.

## Style and Visibility

The Divider block uses the standard **Style** sub-tab (Background Color, per-side **Border** with **Width / Style** of Solid / Dashed / Dotted / **Color**, plus **Border Radius (px)**) and **Visibility** sub-tab in Block Settings, the same as every other block. The Divider block has no font controls — those rows are hidden from its Style sub-tab. See [Block Styles](/docs/buttons/interface-button/interface-builder/reference/styles/block-styles) and [Conditional Visibility](/docs/buttons/interface-button/interface-builder/how-to/visibility/conditional-visibility).