Heading

Heading defines the hierarchical structure and importance of the content they contain.

Page navigation navigation

Headings are used to structure the content on the page, with each heading representing a different level of importance. It is recommended to use headings in a logical manner to create a clear hierarchy and improve accessibility.

  • Heading should be used to communicate page organization and hierarchy.
  • Use heading as the title of a section or sub section.
  • Do not use heading for styling alone. For simply styling text, use text with relevant styling.

The heading component will render an html h2 tag without any default styling.

React examples

Default

Default H2 Heading

Custom heading tag

H4 Heading

Props

Loading data for heading...