Skip to content


The Heading component will render an html h1-6 tag without any default styling. Please reference the w3 recommendations for headings to ensure your headings provide an accessible experience for screen reader users.

Default example

With fontSize=1

System props

Heading components get TYPOGRAPHY and COMMON system props. Read our System Props doc page for a full list of available props.

Component props

Heading does not get any additional props other than the system props mentioned above.