---
title: "Divider Block"
description: "A Template reference of how the template is structured. This a useful information for building a custom block or editing templates in code."
url: https://docs.topol.io/email-editor/template-reference/blocks/divider.html
---

# Topol Divider block

**The divider block renders an `mj-divider`**: a horizontal rule whose color, style, and width are set through its border attributes.

```ts
interface TopolDividerBlock extends TopolBlock {
  tagName: "mj-divider";
  attributes: {
    "border-color": string;
    "border-style": string;
    "border-width": string;
    "padding-top": string;
    "padding-right": string;
    containerWidth: number;
    padding: string;
    "container-background-color"?: string;
    "css-class"?: "hide_on_mobile" | "hide_on_desktop";
    "padding-bottom"?: string | number | null;
    "padding-left"?: string | number | null;
  };
}
```