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

<Heading fontSize={1} mb={2}>With fontSize={1}</Heading>

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.

Edit this page on GitHub