Metadata block example

On a dark background with title

How it looks (preview)

The release date has been changed

• Release date: 23 August 2018 9:30am
• Reason for change: Date of release brought forward from 23 August 2018 to 21 August 2018 as data in its final form is now available to be published on this new date.

How to call this example

<%= render "govuk_publishing_components/components/metadata", {
  inverse: true,
  other: {
    "Release date": "23 August 2018 9:30am",
    "Reason for change": "Date of release brought forward from 23 August 2018 to 21 August 2018 as data in its final form is now available to be published on this new date."
  },
  title: "The release date has been changed"
} %>