---
title: "Divider Block — Horizontal Rule in Blok"
description: "A horizontal rule block, the markdown shortcut that creates it, and the empty payload it saves."
source: https://blokeditor.com/docs/divider/
lastmod: 2026-09-07
---

Framework JavaScript

Block Tools Divider

# Divider block: a horizontal rule

A horizontal line separator. Renders a semantic `<hr>` element. Has no editable content or settings. Can be inserted via the toolbox or by typing `---` in an empty paragraph.

### Import

TypeScript

```
import { Divider } from '@bloklabs/core/tools';
```

### Save Data

TypeScript

```
interface DividerData {
  // Empty — dividers have no configurable properties.
}
```

JSON

```
{
  "id": "div001",
  "type": "divider",
  "data": {}
}
```

### Usage Example

TypeScript

```
import { Blok } from '@bloklabs/core';
import { Divider } from '@bloklabs/core/tools';

const editor = new Blok({
  holder: 'editor',
  tools: {
    divider: {
      class: Divider,
    },
  },
});
```