message: Update Heading component documentation
  Updates the Heading component documentation to note the new default heading level (`h2`) and how to change the heading level by passing another heading value to the `as` prop.
diff: title: Heading
  ---
  -The Heading component will render an html `h1-6` tag without any default styling. Please reference the [w3 recommendations for headings](https://www.w3.org/WAI/tutorials/page-structure/headings/) to ensure your headings provide an accessible experience for screen reader users.
  +The Heading component will render an html `h2` tag without any default styling. Other heading level elements `h1-h6` are available through use of the `as` prop (see [System Props](/system-props) for additional explanation). Please reference the [w3 recommendations for headings](https://www.w3.org/WAI/tutorials/page-structure/headings/) to ensure your headings provide an accessible experience for screen reader users.
  +
  +**Attention:** Make sure to include a valid heading element to render a Heading component other than `h2` (`<Heading as="h1">H1 Element</Heading>`).
  ## Default example
  ```jsx live
  -<Heading fontSize={1} mb={2}>With fontSize={1}</Heading>
  +<Heading fontSize={1} mb={2}>H2 heading with fontSize={1}</Heading>
  ```
  ## System props
  @@ -15,4 +17,6 @@ Heading components get `TYPOGRAPHY` and `COMMON` system props. Read our [System
  ## Component props
  -Heading does not get any additional props other than the system props mentioned above.
  +| Prop name | Type | Description |
  +| :-------- | :------ | :----------------------------------------------- |
  +| as | String | sets the HTML tag for the component |
  