Skip to content
Bricks Academy
Get Bricks

Heading

The Heading element displays text in heading tags (h1-h6) with optional separator lines and styling options.

Settings

Section titled “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

Section titled “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.