Heading
The Heading renders a semantic heading for a section of your page or document. Use it for section titles in a landing page, a calculator, or a PDF.
Properties
The properties live in the inspector under the Heading group. The Tooltip icon and Tooltip content fields appear only when Tooltip is set to show.
Property | What it does | Default |
|---|---|---|
Content | The heading text, as text or a formula | Your text here |
Tag | The semantic level of the heading, from Heading 1 down to Heading 6 or Span | Heading 1 |
Tooltip | Shows an info icon next to the heading | Hidden |
Tooltip icon | The icon shown next to the heading | Info circle |
Tooltip content | The text shown in the tooltip | Tooltip content |
Logic | Controls whether the heading is always visible or only when a formula condition is met | Always |
In the Document editor, the Tag, Tooltip, Tooltip icon, and Tooltip content properties are absent, and Content appears as Add content.
References
References expose the heading as data you can use in formulas and other elements. Assign a reference to store the heading's value in a variable.
Heading: the heading content value, prefixed with E.
Styling
The Heading can be styled per state and per part of the element.
Style states: Active, Default, Disabled, Focus, Hover.
Named targets: wrapper, heading, tooltip-icon, tooltip-content.
Apply general styling from the Style tab: quick styles, style sets, and CSS overrides per state and per breakpoint. See the styling reference for the full system.
In the Site editor, the named styles are Heading 1 through Heading 6. In the Document editor, the named styles are Heading 1 through Heading 4, and there is no style-state selector.
Quick styles for the Heading: Color, Font size, Font weight, Italic, Alignment, Margin top, Margin bottom, Text decoration, Text transform, Text balance, and Line height.
Related articles
UI Elements: overview of the elements.
FormulaScript Overview: using formulas in properties.