Demo

Varianter

Størrelse

Komponenten tilbyr disse størrelsene "xlarge" | "large" | "medium" | "small" | "xsmall" tilsvarende 40, 32, 24, 20, og 18px.

Mobilskalering

Ved brekkpunkt 480px vil Heading size xlarge og large skaleres ned et hakk. xlarge går fra 40px til 32px, mens large går fra 32px til 28px.

Hierarki

Komponenten tilbyr en prop: level som brukes for å sikre riktig heading-heirarki på siden. Bruk da level 1-6 for å velge om heading skal være h1-h6.

Med eller uten spacing (padding)

Heading har en prop: spacing, som automatisk setter på padding-bottom for å gi mer avstand mellom elementene.