H1

This component is inherited from Heading

See also: H2, H3, H4, H5, H6

The H1 component is a shorthand version of the Heading element with its level property set to "h1".

<App>
  <H1 value="This is a H1 text" />
</App>

H1 example

<App>
  <H1 value="This is a H1 text" />
</App>

Styling

The H1 component inherits its visual style from the Heading component. Using the H1 component specifier, you can override the inherited theme variable values. For example, the textColor-H1 theme variable sets the text color of H1 while keeping the color of all other headings.