1. Component Guide
  2. Heading
  3. With margin
Heading example

With margin

The component accepts a number for margin bottom from 0 to 9 (0px to 60px) using the GOV.UK Frontend spacing scale. It defaults to having no margin bottom.

How it looks (preview)

Really big bottom margin

How to call this example

<%= render "govuk_publishing_components/components/heading", {
  text: "Really big bottom margin",
  margin_bottom: 9
} %>