# Heading

Displays the primary headline of the banner, with options to highlight key words using various decoration styles.

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2FIxLKEoPlpZW3fKv04nuh%2Fheading-block.jpg?alt=media&#x26;token=93a042df-9c4c-4d2f-a01f-d1acf75e5b14" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="137.57635498046875">Settings</th><th width="106.02862548828125" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Text</td><td align="center"><code>richtext</code></td><td>The main heading content supports basic formatting like <strong>bold</strong> and <em>italics</em>.</td></tr><tr><td>Size</td><td align="center"><code>range</code></td><td>Adjusts the font size of the heading text.</td></tr><tr><td><strong>Highlight</strong></td><td align="center"></td><td></td></tr><tr><td>Type</td><td align="center"><code>select</code></td><td>Choose a predefined heading style (e.g., <code>Highlight</code>, <code>Text color</code>, <code>Alternate font</code>, <code>Circle</code>, and others).</td></tr><tr><td>Highlight color</td><td align="center"><code>color</code></td><td>Sets the color used to highlight part of the heading, if applicable.</td></tr><tr><td>Text color</td><td align="center"><code>color</code></td><td>Defines the primary color of the heading text.</td></tr></tbody></table>
