---
title: "Spacer 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/spacer.html
---

# Topol Spacer block

**The spacer block renders an `mj-spacer`**, adding vertical space of a fixed `height`.

```ts
interface TopolSpacerBlock extends TopolBlock {
  tagName: "mj-spacer";
  attributes: {
    height: string;
    containerWidth: number;
    "container-background-color"?: string;
    "css-class"?: "hide_on_mobile" | "hide_on_desktop";
  };
}
```