Inset text example

With custom margins

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 margin of 6 (30px) top and bottom.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/inset_text", {
  text: "When a failure occurs, you must submit logbook, landing and transhipment data manually to the UK Fisheries Call Centre each day and by no later than 23.59 UTC",
  margin_top: 0,
  margin_bottom: 9
} %>