This page contains examples of different usages of the Title component, including color variations.

All examples show the warning message authors get whenever multiple H1 titles are placed in the same page as only one should be present at most. Warning messages will not be shown on the published page.

Default title configuration

The first example below shows the minimal configuration of the Title component, including just text.

The second example, shows the Title component including a link to the Components page.

Size Comparison

The examples below show the difference between H1, H2, H3, H4, H5 and H6 headings.

Container and background styles

When the Title component is placed inside a container, its styles are adapted to the background colour of the container.