Metadata example

With margin bottom

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 a margin bottom of 0.

How it looks (preview)

How to call this example

<%= render "components/metadata", {
  items: [
    {
      field: "Last updated",
      value: "12:58pm on 17 August 2018"
    },
    {
      field: "Created",
      value: "11:02pm on 10 August 2018"
    }
  ],
  margin_bottom: 3
} %>