Header
The header is suitable to describe the following components using a larger title and a rich text description. The title will follow a specific formatting, while the description can be formatted freely.
This is a header!
And the header component supports rich text descriptions. This means that the text can be formatted in a variety of ways, like sub-headings, bullet point lists, tables and many others.
A header with a link
You can attach a link to the header title by adding an Internal or External Link to this component. Then, hovering the title will show an arrow accompanied by a subtle animation on link hover.
Different header sizes using description headings
By using the title of the Header component, the text will have a fixed styling like the text above. To achieve other headings, one can use the rich text formatting in the description like this. The following list displays the headings from h1-h6.
Header sizes: H1
Header sizes: H2
Header sizes: H3
Header sizes: H4
Header sizes: H5
Header sizes: H6
Special Formatting
Bold - Italics - Underline - Code - Link - Striketrough - Subscript2 - Superscript2
Table Header | |
Table Row | Table Row Value |
Properties
Header | |
Title | Large text element wrapped in a H2 heading tag. |
Description | Rich text block supporting a variety of formatting options. |
Link | One of the following components: - Internal Link: The relative path to another page on the same site. Created by dragging and dropping the Organizational Folder containing the page you would like to link to. - External Link: Absolute path to a website on a different domain. |
Link Label | Not in use for the Header Component. |