Early access. Read the blog post

Heading

Typographic headings.

Properties  

as?: React.ElementType | keyof JSX.IntrinsicElements
size?: number | number[]
weight?: string

Accessibility considerations  

Many users of assistive technologies use headings as a way to navigate (“navigate by heading” functionality). Tools like screenreaders can display a list of headings, which is a bit like a table of contents.

For this reason, use the as property with a level whenever your heading is something users might want to navigate to. This ensures your heading can be recognised as a heading.

Updated Apr 11, 2022 @ 03:41

Made withby folks at