Heading

Heading level 1 = h1

Heading level 2 = h2

Heading level 3 = h3

Heading level 4 = h4

Heading level 5 = h5
Heading level 6 = h6

Heading level 4 with underline

Heading level 5 margin top, bottom and left
Markup
<Heading level="1">Heading level 1 = h1</Heading>
<Heading level="2">Heading level 2 = h2</Heading>
<Heading level="3">Heading level 3 = h3</Heading>
<Heading level="4">Heading level 4 = h4</Heading>
<Heading level="5">Heading level 5 = h5</Heading>
<Heading level="6">Heading level 6 = h6</Heading>
<Heading underline level="4">Heading level 4 with underline</Heading>
Custom CSS Properties
--heading-margin-top
--heading-margin-top
--heading-margin-bottom
--heading-margin-left
--heading-margin-right
--heading-line-height
--font-family-title
--font-weight-title
Props
Title Value
class string
Level 1 | 2 | 3 | 4 | 5 | 6
Margin "top" | "bottom" | "left" | "right" | "none"
Underline underline
16 px
Base size on small viewports
1.125
Ratio between steps for small viewports
22 px
Base size on larger viewports
1.333
Ratio between steps for larger viewports