<Heading />
Typographic headings.
as?: React.ElementType | keyof JSX.IntrinsicElementssize?: number | number[]weight?: stringMany 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.