as?: React.ElementType | keyof JSX.IntrinsicElements
size?: number | number
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.