> ## Documentation Index
> Fetch the complete documentation index at: https://agentheya.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# divider block

> A simple horizontal rule between blocks.

# `divider` block

A horizontal rule. Use it to separate visually distinct groups of blocks at the same `position`.

## When to use it

* Between a [hero](/sections/page-layout/hero) and the [suggested\_prompts](/sections/page-layout/suggested-prompts) row below it, when the hero has a strong colour fill and the chip row needs visual breathing room.
* Between [markdown](/sections/page-layout/markdown) blocks of different topics.
* Above a [faq](/sections/page-layout/faq) at `position: below_chat` to clearly separate it from the chat panel.

For most layouts you don't need a divider — the natural spacing between blocks is already generous. Reach for it when adjacent blocks blur together.

## Shape

```json theme={null}
{
  "id": "div-1",
  "type": "divider",
  "position": "above_chat"
}
```

| Field      | Required | Type        | Notes                 |
| ---------- | -------- | ----------- | --------------------- |
| `id`       | yes      | string      | Stable slug.          |
| `type`     | yes      | `"divider"` | Fixed.                |
| `position` | no       | enum        | Default `above_chat`. |

`divider` has no type-specific fields — the base block envelope is all there is.

## Tips

* Don't overuse — three or more dividers on a single page feels like a 1990s GeoCities layout.
* A `divider` at `position: sidebar` renders inside the sidebar column, separating sidebar blocks from each other.