Headline
The Headline component will render an html h1-6 tag. Please reference the
w3 recommendations for headings to ensure your headings
provide an accessible experience for screen reader users.
- Use different headlines and paragraphs to structure your content hierarchically
- Avoid using headline lengths, breaking more then two times (three times on mobile)
- Avoid using sizes outside the given range
- Recommended width of headline is between 500px and 700px
headline h1
headline h2
headline h3
headline h4
headline h5
headline h6
headline h1 inverted
headline h2 inverted
headline h3 inverted
headline h4 inverted
headline h5 inverted
headline h6 inverted
Playground
<Headline as="h3">default headline h3</Headline>