Headline

Use the Headline component and its level (ranging from 1 to 5) property to structure long textual content. If possible, stick to a maximum level of 3.

By default every Headline renders a permalink that appears when you hover hover it. It can be used to link to a specific headline.

<div
  style={
    Object {
      "paddingLeft": 20,
    }
  }
>
  <Headline
    level="1"
  >
    Level 1
  </Headline>
  <Headline
    level="2"
  >
    Level 2
  </Headline>
  <Headline
    level="3"
  >
    Level 3
  </Headline>
  <Headline
    level="4"
  >
    Level 4
  </Headline>
  <Headline
    level="5"
  >
    Level 5
  </Headline>
</div>

Level 1

Level 2

Level 3

Level 4

Level 5