A clear and consistent heading structure helps merchants who have difficulty with reading or language. It also helps screen reader users to navigate the page using keystrokes that are custom to their screen reader.
element prop to determine the specific HTML element that’s output for the heading. The component defaults to a level 2 heading (
<h2>). Use a different value for the
element prop if a different heading fits the context better.
Learn more about writing helpful headings and subheadings.
Use headings to support the hierarchy and structure of the page.
Use headings for style alone.