FrameworkJavaScript

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,
    },
  },
});