---
title: "Heading"
description: "The Heading element displays text in heading tags (h1-h6) with optional separator lines and styling options."
canonical: "https://academy.bricksbuilder.io/builder/elements/basic/heading/"
markdownUrl: "https://academy.bricksbuilder.io/builder/elements/basic/heading.md"
pageType: "article"
section: "builder"
category: "elements"
lastmod: "2026-05-21T13:58:32.000Z"
---
The Heading element displays text in heading tags (h1-h6) with optional separator lines and styling options.

## Settings

- **Text** (text) - The heading text content.

- **HTML tag** (select) - The heading level to use. Options: `h1`, `h2`, `h3`, `h4`, `h5`, `h6`, `custom`. Default: `h3`.

- **Custom tag** (text) - Specify a custom HTML tag name without attributes. Only available when HTML tag is set to "custom".

- **Type** (select) - Predefined heading type. Options: `hero`, `lead`. Default: None.

- **Style** (select) - Apply a predefined style from your theme styles. Default: None.

- **Link to** (link) - Make the heading clickable by adding a link.

### Separator

- **Separator** (select) - Add decorative lines beside the heading. Options: `right`, `left`, `both`, `none`. Default: None.

- **Width** (number with units) - The width of the separator lines.

- **Height** (number with units) - The height/thickness of the separator lines.

- **Spacing** (number with units) - Gap between the heading text and separator lines. Default: 20.

- **Style** (select) - The border style for separator lines. Options: `solid`, `dashed`, `dotted`, `double`, `groove`, `ridge`, `inset`, `outset`.

- **Align** (align-items) - Vertical alignment of the heading and separator lines. Options: `flex-start`, `center`, `flex-end`.

:::tip[Developer reference]
See the [Heading Schema](/developer/schema/elements/heading/) for the full JSON schema of this element's settings and controls.
:::