Heading is used for rendering headlines (h1, h2, h3 tags). It renders an <h1> tag by default.

Import

import { Heading } from '@wpmedia/arc-ui-typography'

Usage

Heading composes Box so you can use all the style props.

Hello!

Level 2

H3 Heading!

<> <Heading>Hello!</Heading> <Heading level={2}>Level 2</Heading> <Heading level={3}>H3 Heading!</Heading> </>

<>
  <Heading>Hello!</Heading>
  <Heading level={2}>Level 2</Heading>
  <Heading level={3}>H3 Heading!</Heading>
</>

Copy