heading

import { Heading } from "woly";

Heading component is used as a header of page.

Example

HeaderLarge
HeaderSmall,HeaderSmall
Subhead,Subhead
<Playground direction="vertical">
  <Heading size={1}>HeaderLarge</Heading>
  <div>
    <Heading size={2}>HeaderSmall,</Heading>
    <Heading size={2} weight="regular">
      HeaderSmall
    </Heading>
  </div>
  <div>
    <Heading size={3}>Subhead,</Heading>
    <Heading size={3} weight="regular">
      Subhead
    </Heading>
  </div>
</Playground>

Props

NameTypeDefaultDescription
prioritystring'secondary'Priority prop to style Heading component
size1 ӏ 2 ӏ 3'1'Size of Heading
weight'regular' ӏ 'medium''medium'Font weight of Heading