---
title: Heading
category: General
summary: Headings communicate the hierarchy of content to users and assistive technologies.
---

```jsx live
render(
  <StackView spacing={2}>
    {[1, 2, 3, 4, 5, 6].map((level) => (
      <Heading key={level} level={level}>
        Heading {level}
      </Heading>
    ))}
  </StackView>
)
```