Heading group controls the heading level of headings nested within it, like H1, H2, H3.
Use a heading group whenever you use a heading to ensure the experience is the same for screen reader users. When using a heading, any children related to that heading should be nested within the same heading group.
Best practicesAnchor link to section titled "Best practices"
- Use this component to create a content hierarchy within the document outline.
Related componentsAnchor link to section titled "Related components"
Heading: Controls the visual style of headings. Use headings to introduce major sections, like Contact information, Shipping address, or Shipping method.
Text: Used to visually style and provide semantic value for a specific piece of text content.
TextBlock: Used to render a block of text that occupies the full width available, like a paragraph.