Typography

Heading

Heading 1

Heading 1 black

Heading 2

Heading 2 black

Heading 3

Heading 3 black

Heading 4

Heading 4 black

Heading 5

Heading 5 black

Heading 6

Heading 6 black

<NNHeading>Heading 1</NNHeading>
<NNHeading variant="black">Heading 1 black</NNHeading>
<NNHeading size="2">Heading 2</NNHeading>
<NNHeading size="2" variant="black">Heading 2 black</NNHeading>
<NNHeading size="3">Heading 3</NNHeading>
<NNHeading size="3" variant="black">Heading 3 black</NNHeading>
<NNHeading size="4">Heading 4</NNHeading>
<NNHeading size="4" variant="black">Heading 4 black</NNHeading>
<NNHeading size="5">Heading 5</NNHeading>
<NNHeading size="5" variant="black">Heading 5 black</NNHeading>
<NNHeading size="6">Heading 6</NNHeading>
<NNHeading size="6" variant="black">Heading 6 black</NNHeading>

Props

Name

Type

size

string | number

1, 2, 3, 4, 5, 6. Defaults to 1

variant

string

One of `light` or `black`. Defaults to `light`

tag

string

Defaults to `div`

Lead Text

Leading text is displayed below a heading so give an introduction into the following section.

This is a leading text

Colors Spacing