---
title: "Image 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/image.html
---

# Topol Image Block

**The image block renders an `mj-image`**, with `src`, optional `href` link, and `alt` text.

```ts
interface TopolImageBlock extends TopolBlock {
  tagName: "mj-image";
  attributes: {
    src: string;
    padding: string;
    "fluid-on-mobile": "true" | "false"; //not boolean because of MJML
    alt: string;
    href: string;
    containerWidth: number;
    title?: string;
    align?: string;
    width?: number;
    "css-class"?: "hide_on_mobile" | "hide_on_desktop";
  };
}
```