---
title: "Section Reference"
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/section.html
---

# Topol Section

**A section is the `mj-section` row that spans the template width and lays out its columns.** It is the top-level structural unit inside the template body.

```ts
type TopolSection = {
  tagName: "mj-section";
  attributes: {
    "full-width": string;
    padding: string;
    "background-color"?: string;
    "border-top"?: string;
    "border-right"?: string;
    "border-left"?: string;
    "border-bottom"?: string;
    "in-group"?: boolean; //do not stack on mobile
    "background-url"?: string;
    "background-size"?: string;
    "background-repeat"?: string;
    containerWidth?: number;
    "css-class"?: "hide_section_on_desktop" | "hide_section_on_mobile";
  };
  children: TopolColumn[];
  layout: number;
  backgroundColor?: null | string;
  backgroundImage?: null | string;
  paddingTop: number | string;
  paddingBottom: number | string;
  paddingLeft: number | string;
  paddingRight: number | string;
  uid: string;
};
```