Headers
We provide some basic styling on header tags. In the example, you can see the the 6 header tags' different sizes.
Typography helper classes allow you to easily style text according to Material Design sizing.
.display-4
- Good for <h1>
.display-3
- Good for <h2>
.display-2
- Good for <h3>
.display-1
- Good for <h4>
.headline
- Good for <h5>
.title
- Good for <h6>
.subheading
- Good for supporting text
.body-2
- Regular body text with additional weight
.body-1
- Regular body text
.caption
- Smaller size text