Component

Metadata block

To display relevant metadata about organisations and tags for a document

Search for usage of this component on GitHub.

How it looks (preview) (preview all)

• From: Ministry of Defence

How to call this component

<%= render "govuk_publishing_components/components/metadata", {
  from: sanitize("<a href='/government/organisations/ministry-of-defence'>Ministry of Defence</a>")
} %>

Accessibility acceptance criteria

The metadata component must:

• indicate that any expandable content can be expanded or collapsed
• indicate the initial state of expandable content
• indicate where the state of expandable content has changed

Links in the component must:

• accept focus
• be focusable with a keyboard
• be usable with a keyboard
• indicate when they have focus
• change in appearance when touched (in the touch-down state)
• change in appearance when hovered
• be usable with touch
• be usable with voice commands
• have visible text
• have meaningful text

Other examples

Standard options

This component uses the component wrapper helper. It accepts the following options and applies them to the parent element of the component. See the component wrapper helper documentation for more detail.

• id - accepts a string for the element ID attribute
• data_attributes - accepts a hash of data attributes
• aria - accepts a hash of aria attributes
• classes - accepts a space separated string of classes, these should not be used for styling and must be prefixed with js-
• margin_bottom - accepts a number from 0 to 9 (0px to 60px) using the GOV.UK Frontend spacing scale (defaults to no margin)
• role - accepts a space separated string of roles
• lang - accepts a language attribute value
• open - accepts an open attribute value (true or false)
• hidden - accepts an empty string, ‘hidden’, or ‘until-found’
• tabindex - accepts an integer. The integer can also be passed as a string.
• dir - accepts ‘rtl’, ‘ltr’, or ‘auto’.

Part of only (preview)

• Part of: Environment

<%= render "govuk_publishing_components/components/metadata", {
  part_of: sanitize("<a href='/government/topics/environment'>Environment</a>")
} %>

History only (preview)

• History: Updated 2 weeks ago

<%= render "govuk_publishing_components/components/metadata", {
  history: "Updated 2 weeks ago"
} %>

Published and updated (preview)

• Published: 14 June 2014
• Last updated: 10 September 2015

<%= render "govuk_publishing_components/components/metadata", {
  first_published: "14 June 2014",
  last_updated: "10 September 2015"
} %>

Updated with links to see details (preview)

If a last_updated value exists and see_updates_link is set to true, a “See all updates” link will be shown. The link’s href will be set to #full-publication-update-history, taking users to the change history on the same page and expanding the section, if expandable, for example, changes to the rates of capital gains tax

• Last updated: 10 September 2015 — See all updates

<%= render "govuk_publishing_components/components/metadata", {
  last_updated: "10 September 2015",
  see_updates_link: true
} %>

Extensive (preview)

• From: Ministry of Defence, Cabinet Office, Department for Business, Energy & Industrial Strategy, Foreign & Commonwealth Office and The Rt Hon William Hague
  Show 3 more
  Department for Environment, Food & Rural Affairs, Department for work and pensions, and Foreign and Commonwealth Office
• Part of: Energy and Environment
• History: Updated 2 weeks ago
• Related topics: Topic 1, Topic 2, Topic 3, Topic 4 and Topic 5
  Show 4 more
  Topic 6, Topic 7, Topic 8, and Topic 9
• Applies to: England

<%= render "govuk_publishing_components/components/metadata", {
  from: [
    sanitize("<a href='/government/organisations/ministry-of-defence'>Ministry of Defence</a>"),
    sanitize("<a href='/government/organisations/cabinet-office'>Cabinet Office</a>"),
    sanitize("<a href=\"/government/organisations/department-for-business-energy-and-industrial-strategy\">Department for Business, Energy &amp; Industrial Strategy</a>"),
    sanitize("<a href=\"/government/organisations/foreign-commonwealth-office\">Foreign &amp; Commonwealth Office</a>"),
    sanitize("<a href=\"/government/people/william-hague\">The Rt Hon William Hague</a>"),
    sanitize("<a href=\"/government/organisations/department-for-environment-food-rural-affairs\">Department for Environment, Food &amp; Rural Affairs</a>"),
    sanitize("<a href=\"/government/organisations/department-for-work-pensions\">Department for work and pensions</a>"),
    sanitize("<a href=\"/government/organisations/foreign-commonwealth-office\">Foreign and Commonwealth Office</a>")
  ],
  history: "Updated 2 weeks ago",
  part_of: [
    sanitize("<a href='/government/topics/energy'>Energy</a>"),
    sanitize("<a href='/government/topics/environment'>Environment</a>")
  ],
  other: {
    "Related topics": [
      sanitize("<a href='/government/topics/topic-1'>Topic 1</a>"),
      sanitize("<a href='/government/topics/topic-2'>Topic 2</a>"),
      sanitize("<a href='/government/topics/topic-3'>Topic 3</a>"),
      sanitize("<a href='/government/topics/topic-4'>Topic 4</a>"),
      sanitize("<a href='/government/topics/topic-5'>Topic 5</a>"),
      sanitize("<a href='/government/topics/topic-6'>Topic 6</a>"),
      sanitize("<a href='/government/topics/topic-7'>Topic 7</a>"),
      sanitize("<a href='/government/topics/topic-8'>Topic 8</a>"),
      sanitize("<a href='/government/topics/topic-9'>Topic 9</a>")
    ],
    "Applies to": "England"
  }
} %>

Extensive specialist document (preview)

• From: Department for Business, Energy & Industrial Strategy
• Type of support: Finance, Equity, Grant and Expertise and advice
• Business stage: Not yet trading, Start-ups (1-2 years trading) and Established
• Industry: Agriculture and food, Business and finance, Construction, Education and Health
  Show 11 more
  Hospitality and catering, IT, digital and creative, Manufacturing, Mining, Real estate and property, Science and technology, Service industries, Transport and distribution, Travel and leisure, Utilities providers, and Wholesale and retail
• Number of employees: 0 to 9 employees, 10 to 249 employees, 250 to 500 employees and More than 500 employees

<%= render "govuk_publishing_components/components/metadata", {
  from: [
    sanitize("<a href=\"/government/organisations/department-for-business-energy-and-industrial-strategy\">Department for Business, Energy &amp; Industrial Strategy</a>")
  ],
  published: null,
  other: {
    "Type of support": [
      sanitize("<a href=\"/business-finance-support?types_of_support%5B%5D=finance\">Finance</a>"),
      sanitize("<a href=\"/business-finance-support?types_of_support%5B%5D=equity\">Equity</a>"),
      sanitize("<a href=\"/business-finance-support?types_of_support%5B%5D=grant\">Grant</a>"),
      sanitize("<a href=\"/business-finance-support?types_of_support%5B%5D=expertise-and-advice\">Expertise and advice</a>")
    ],
    "Business stage": [
      sanitize("<a href=\"/business-finance-support?business_stages%5B%5D=not-yet-trading\">Not yet trading</a>"),
      sanitize("<a href=\"/business-finance-support?business_stages%5B%5D=start-up\">Start-ups (1-2 years trading)</a>"),
      sanitize("<a href=\"/business-finance-support?business_stages%5B%5D=established\">Established</a>")
    ],
    Industry: [
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=agriculture-and-food\">Agriculture and food</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=business-and-finance\">Business and finance</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=construction\">Construction</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=education\">Education</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=health\">Health</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=hospitality-and-catering\">Hospitality and catering</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=information-technology-digital-and-creative\">IT, digital and creative</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=manufacturing\">Manufacturing</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=mining\">Mining</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=real-estate-and-property\">Real estate and property</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=science-and-technology\">Science and technology</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=service-industries\">Service industries</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=transport-and-distribution\">Transport and distribution</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=travel-and-leisure\">Travel and leisure</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=utilities-providers\">Utilities providers</a>"),
      sanitize("<a href=\"/business-finance-support?industries%5B%5D=wholesale-and-retail\">Wholesale and retail</a>")
    ],
    "Number of employees": [
      sanitize("<a href=\"/business-finance-support?business_sizes%5B%5D=under-10\">0 to 9 employees</a>"),
      sanitize("<a href=\"/business-finance-support?business_sizes%5B%5D=between-10-and-249\">10 to 249 employees</a>"),
      sanitize("<a href=\"/business-finance-support?business_sizes%5B%5D=between-250-and-500\">250 to 500 employees</a>"),
      sanitize("<a href=\"/business-finance-support?business_sizes%5B%5D=over-500\">More than 500 employees</a>")
    ]
  }
} %>

Extensive country list (preview)

• From: Foreign & Commonwealth Office and The Rt Hon William Hague
• Part of: Afghanistan, Albania, Algeria, Angola and Anguilla
  Show 227 more
  Argentina, Armenia, Australia, Austria, Azerbaijan, Bahrain, Bangladesh, Barbados, Belarus, Belgium, Belize, Bolivia, Bosnia and Herzegovina, Botswana, Brazil, British Antarctic Territory, British Virgin Islands, Brunei, Bulgaria, Burma, Cambodia, Cameroon, Canada, Cayman Islands, Chile, China, Colombia, Costa Rica, Croatia, Cuba, Cyprus, Czech Republic, Democratic Republic of Congo, Denmark, Dominican Republic, Ecuador, Egypt, Eritrea, Estonia, Ethiopia, Fiji, Finland, France, Gambia, Georgia, Germany, Ghana, Greece, Guatemala, Guyana, Holy See, Honduras, Hong Kong, Hungary, Iceland, India, Indonesia, Iran, Iraq, Ireland, Israel, Italy, Jamaica, Japan, Jordan, Kazakhstan, Kenya, Kosovo, Kuwait, Laos, Latvia, Lebanon, Libya, Lithuania, Luxembourg, Macedonia, Madagascar, Malawi, Malaysia, Maldives, Mali, Malta, Mauritius, Mexico, Moldova, Mongolia, Montenegro, Montserrat, Morocco, Mozambique, Namibia, Nepal, Netherlands, New Zealand, Nigeria, North Korea, Norway, Oman, Pakistan, Panama, Papua New Guinea, Peru, Philippines, Poland, Portugal, Qatar, Romania, Russia, Rwanda, Saudi Arabia, Senegal, Serbia, Seychelles, Sierra Leone, Singapore, Slovakia, Slovenia, Solomon Islands, Somalia, South Africa, South Korea, South Sudan, Spain, Sri Lanka, Sudan, Sweden, Switzerland, Syria, Taiwan, Tajikistan, Tanzania, Thailand, Timor Leste, Trinidad and Tobago, Tunisia, Turkey, Turkmenistan, Turks and Caicos Islands, Uganda, UK Delegation to Council of Europe, UK Delegation to Organization for Security and Co-operation in Europe, UK Joint Delegation to NATO, UK Mission to the UN Geneva, UK Mission to the United Nations, UK Representation to the EU, Ukraine, United Arab Emirates, Uruguay, USA, Uzbekistan, Venezuela, Zambia, Zimbabwe, Andorra, Antigua and Barbuda, Bahamas, Benin, Bhutan, Burkina Faso, Cape Verde, Comoros, Congo, Cote d’Ivoire, Djibouti, Dominica, Equatorial Guinea, Grenada, Guinea-Bissau, Haiti, Kiribati, Lesotho, Liberia, Liechtenstein, Macao, Marshall Islands, Micronesia, Nauru, Nicaragua, Niger, The Occupied Palestinian Territories, Palau, Paraguay, Samoa, São Tomé and Principe, St Kitts and Nevis, St Vincent and The Grenadines, Suriname, Swaziland, Togo, Tuvalu, Vanuatu, United Kingdom, Bermuda, Burundi, El Salvador, Falkland Islands, Guinea, UK Mission to the United Nations, New York, The UK Permanent Delegation to the OECD (Organisation for Economic Co-operation and Development), St Helena, Ascension and Tristan da Cunha, St Lucia, Kyrgyzstan, Pitcairn Island, Chad, Mauritania, American Samoa, Aruba, Bonaire/St Eustatius/Saba, British Indian Ocean Territory, Central African Republic, Curaçao, French Guiana, French Polynesia, Gabon, Gibraltar, Guadeloupe, Martinique, Mayotte, Monaco, New Caledonia, Réunion, San Marino, South Georgia and the South Sandwich Islands, St Maarten, St Pierre & Miquelon, Tonga, and Wallis and Futuna
• Published: 5 December 2013

<%= render "govuk_publishing_components/components/metadata", {
  from: [
    sanitize("<a href=\"/government/organisations/foreign-commonwealth-office\">Foreign &amp; Commonwealth Office</a>"),
    sanitize("<a href=\"/government/people/william-hague\">The Rt Hon William Hague</a>")
  ],
  part_of: [
    sanitize("<a href=\"/government/world/afghanistan\">Afghanistan</a>"),
    sanitize("<a href=\"/government/world/albania\">Albania</a>"),
    sanitize("<a href=\"/government/world/algeria\">Algeria</a>"),
    sanitize("<a href=\"/government/world/angola\">Angola</a>"),
    sanitize("<a href=\"/government/world/anguilla\">Anguilla</a>"),
    sanitize("<a href=\"/government/world/argentina\">Argentina</a>"),
    sanitize("<a href=\"/government/world/armenia\">Armenia</a>"),
    sanitize("<a href=\"/government/world/australia\">Australia</a>"),
    sanitize("<a href=\"/government/world/austria\">Austria</a>"),
    sanitize("<a href=\"/government/world/azerbaijan\">Azerbaijan</a>"),
    sanitize("<a href=\"/government/world/bahrain\">Bahrain</a>"),
    sanitize("<a href=\"/government/world/bangladesh\">Bangladesh</a>"),
    sanitize("<a href=\"/government/world/barbados\">Barbados</a>"),
    sanitize("<a href=\"/government/world/belarus\">Belarus</a>"),
    sanitize("<a href=\"/government/world/belgium\">Belgium</a>"),
    sanitize("<a href=\"/government/world/belize\">Belize</a>"),
    sanitize("<a href=\"/government/world/bolivia\">Bolivia</a>"),
    sanitize("<a href=\"/government/world/bosnia-and-herzegovina\">Bosnia and Herzegovina</a>"),
    sanitize("<a href=\"/government/world/botswana\">Botswana</a>"),
    sanitize("<a href=\"/government/world/brazil\">Brazil</a>"),
    sanitize("<a href=\"/government/world/british-antarctic-territory\">British Antarctic Territory</a>"),
    sanitize("<a href=\"/government/world/british-virgin-islands\">British Virgin Islands</a>"),
    sanitize("<a href=\"/government/world/brunei\">Brunei</a>"),
    sanitize("<a href=\"/government/world/bulgaria\">Bulgaria</a>"),
    sanitize("<a href=\"/government/world/burma\">Burma</a>"),
    sanitize("<a href=\"/government/world/cambodia\">Cambodia</a>"),
    sanitize("<a href=\"/government/world/cameroon\">Cameroon</a>"),
    sanitize("<a href=\"/government/world/canada\">Canada</a>"),
    sanitize("<a href=\"/government/world/cayman-islands\">Cayman Islands</a>"),
    sanitize("<a href=\"/government/world/chile\">Chile</a>"),
    sanitize("<a href=\"/government/world/china\">China</a>"),
    sanitize("<a href=\"/government/world/colombia\">Colombia</a>"),
    sanitize("<a href=\"/government/world/costa-rica\">Costa Rica</a>"),
    sanitize("<a href=\"/government/world/croatia\">Croatia</a>"),
    sanitize("<a href=\"/government/world/cuba\">Cuba</a>"),
    sanitize("<a href=\"/government/world/cyprus\">Cyprus</a>"),
    sanitize("<a href=\"/government/world/czech-republic\">Czech Republic</a>"),
    sanitize("<a href=\"/government/world/democratic-republic-of-congo\">Democratic Republic of Congo</a>"),
    sanitize("<a href=\"/government/world/denmark\">Denmark</a>"),
    sanitize("<a href=\"/government/world/dominican-republic\">Dominican Republic</a>"),
    sanitize("<a href=\"/government/world/ecuador\">Ecuador</a>"),
    sanitize("<a href=\"/government/world/egypt\">Egypt</a>"),
    sanitize("<a href=\"/government/world/eritrea\">Eritrea</a>"),
    sanitize("<a href=\"/government/world/estonia\">Estonia</a>"),
    sanitize("<a href=\"/government/world/ethiopia\">Ethiopia</a>"),
    sanitize("<a href=\"/government/world/fiji\">Fiji</a>"),
    sanitize("<a href=\"/government/world/finland\">Finland</a>"),
    sanitize("<a href=\"/government/world/france\">France</a>"),
    sanitize("<a href=\"/government/world/gambia\">Gambia</a>"),
    sanitize("<a href=\"/government/world/georgia\">Georgia</a>"),
    sanitize("<a href=\"/government/world/germany\">Germany</a>"),
    sanitize("<a href=\"/government/world/ghana\">Ghana</a>"),
    sanitize("<a href=\"/government/world/greece\">Greece</a>"),
    sanitize("<a href=\"/government/world/guatemala\">Guatemala</a>"),
    sanitize("<a href=\"/government/world/guyana\">Guyana</a>"),
    sanitize("<a href=\"/government/world/holy-see\">Holy See</a>"),
    sanitize("<a href=\"/government/world/honduras\">Honduras</a>"),
    sanitize("<a href=\"/government/world/hong-kong\">Hong Kong</a>"),
    sanitize("<a href=\"/government/world/hungary\">Hungary</a>"),
    sanitize("<a href=\"/government/world/iceland\">Iceland</a>"),
    sanitize("<a href=\"/government/world/india\">India</a>"),
    sanitize("<a href=\"/government/world/indonesia\">Indonesia</a>"),
    sanitize("<a href=\"/government/world/iran\">Iran</a>"),
    sanitize("<a href=\"/government/world/iraq\">Iraq</a>"),
    sanitize("<a href=\"/government/world/ireland\">Ireland</a>"),
    sanitize("<a href=\"/government/world/israel\">Israel</a>"),
    sanitize("<a href=\"/government/world/italy\">Italy</a>"),
    sanitize("<a href=\"/government/world/jamaica\">Jamaica</a>"),
    sanitize("<a href=\"/government/world/japan\">Japan</a>"),
    sanitize("<a href=\"/government/world/jordan\">Jordan</a>"),
    sanitize("<a href=\"/government/world/kazakhstan\">Kazakhstan</a>"),
    sanitize("<a href=\"/government/world/kenya\">Kenya</a>"),
    sanitize("<a href=\"/government/world/kosovo\">Kosovo</a>"),
    sanitize("<a href=\"/government/world/kuwait\">Kuwait</a>"),
    sanitize("<a href=\"/government/world/laos\">Laos</a>"),
    sanitize("<a href=\"/government/world/latvia\">Latvia</a>"),
    sanitize("<a href=\"/government/world/lebanon\">Lebanon</a>"),
    sanitize("<a href=\"/government/world/libya\">Libya</a>"),
    sanitize("<a href=\"/government/world/lithuania\">Lithuania</a>"),
    sanitize("<a href=\"/government/world/luxembourg\">Luxembourg</a>"),
    sanitize("<a href=\"/government/world/macedonia\">Macedonia</a>"),
    sanitize("<a href=\"/government/world/madagascar\">Madagascar</a>"),
    sanitize("<a href=\"/government/world/malawi\">Malawi</a>"),
    sanitize("<a href=\"/government/world/malaysia\">Malaysia</a>"),
    sanitize("<a href=\"/government/world/maldives\">Maldives</a>"),
    sanitize("<a href=\"/government/world/mali\">Mali</a>"),
    sanitize("<a href=\"/government/world/malta\">Malta</a>"),
    sanitize("<a href=\"/government/world/mauritius\">Mauritius</a>"),
    sanitize("<a href=\"/government/world/mexico\">Mexico</a>"),
    sanitize("<a href=\"/government/world/moldova\">Moldova</a>"),
    sanitize("<a href=\"/government/world/mongolia\">Mongolia</a>"),
    sanitize("<a href=\"/government/world/montenegro\">Montenegro</a>"),
    sanitize("<a href=\"/government/world/montserrat\">Montserrat</a>"),
    sanitize("<a href=\"/government/world/morocco\">Morocco</a>"),
    sanitize("<a href=\"/government/world/mozambique\">Mozambique</a>"),
    sanitize("<a href=\"/government/world/namibia\">Namibia</a>"),
    sanitize("<a href=\"/government/world/nepal\">Nepal</a>"),
    sanitize("<a href=\"/government/world/netherlands\">Netherlands</a>"),
    sanitize("<a href=\"/government/world/new-zealand\">New Zealand</a>"),
    sanitize("<a href=\"/government/world/nigeria\">Nigeria</a>"),
    sanitize("<a href=\"/government/world/north-korea\">North Korea</a>"),
    sanitize("<a href=\"/government/world/norway\">Norway</a>"),
    sanitize("<a href=\"/government/world/oman\">Oman</a>"),
    sanitize("<a href=\"/government/world/pakistan\">Pakistan</a>"),
    sanitize("<a href=\"/government/world/panama\">Panama</a>"),
    sanitize("<a href=\"/government/world/papua-new-guinea\">Papua New Guinea</a>"),
    sanitize("<a href=\"/government/world/peru\">Peru</a>"),
    sanitize("<a href=\"/government/world/philippines\">Philippines</a>"),
    sanitize("<a href=\"/government/world/poland\">Poland</a>"),
    sanitize("<a href=\"/government/world/portugal\">Portugal</a>"),
    sanitize("<a href=\"/government/world/qatar\">Qatar</a>"),
    sanitize("<a href=\"/government/world/romania\">Romania</a>"),
    sanitize("<a href=\"/government/world/russia\">Russia</a>"),
    sanitize("<a href=\"/government/world/rwanda\">Rwanda</a>"),
    sanitize("<a href=\"/government/world/saudi-arabia\">Saudi Arabia</a>"),
    sanitize("<a href=\"/government/world/senegal\">Senegal</a>"),
    sanitize("<a href=\"/government/world/serbia\">Serbia</a>"),
    sanitize("<a href=\"/government/world/seychelles\">Seychelles</a>"),
    sanitize("<a href=\"/government/world/sierra-leone\">Sierra Leone</a>"),
    sanitize("<a href=\"/government/world/singapore\">Singapore</a>"),
    sanitize("<a href=\"/government/world/slovakia\">Slovakia</a>"),
    sanitize("<a href=\"/government/world/slovenia\">Slovenia</a>"),
    sanitize("<a href=\"/government/world/solomon-islands\">Solomon Islands</a>"),
    sanitize("<a href=\"/government/world/somalia\">Somalia</a>"),
    sanitize("<a href=\"/government/world/south-africa\">South Africa</a>"),
    sanitize("<a href=\"/government/world/south-korea\">South Korea</a>"),
    sanitize("<a href=\"/government/world/south-sudan\">South Sudan</a>"),
    sanitize("<a href=\"/government/world/spain\">Spain</a>"),
    sanitize("<a href=\"/government/world/sri-lanka\">Sri Lanka</a>"),
    sanitize("<a href=\"/government/world/sudan\">Sudan</a>"),
    sanitize("<a href=\"/government/world/sweden\">Sweden</a>"),
    sanitize("<a href=\"/government/world/switzerland\">Switzerland</a>"),
    sanitize("<a href=\"/government/world/syria\">Syria</a>"),
    sanitize("<a href=\"/government/world/taiwan\">Taiwan</a>"),
    sanitize("<a href=\"/government/world/tajikistan\">Tajikistan</a>"),
    sanitize("<a href=\"/government/world/tanzania\">Tanzania</a>"),
    sanitize("<a href=\"/government/world/thailand\">Thailand</a>"),
    sanitize("<a href=\"/government/world/timor-leste\">Timor Leste</a>"),
    sanitize("<a href=\"/government/world/trinidad-and-tobago\">Trinidad and Tobago</a>"),
    sanitize("<a href=\"/government/world/tunisia\">Tunisia</a>"),
    sanitize("<a href=\"/government/world/turkey\">Turkey</a>"),
    sanitize("<a href=\"/government/world/turkmenistan\">Turkmenistan</a>"),
    sanitize("<a href=\"/government/world/turks-and-caicos-islands\">Turks and Caicos Islands</a>"),
    sanitize("<a href=\"/government/world/uganda\">Uganda</a>"),
    sanitize("<a href=\"/government/world/uk-delegation-to-council-of-europe\">UK Delegation to Council of Europe</a>"),
    sanitize("<a href=\"/government/world/uk-delegation-to-organization-for-security-and-co-operation-in-europe\">UK Delegation to Organization for Security and Co-operation in Europe</a>"),
    sanitize("<a href=\"/government/world/uk-joint-delegation-to-nato\">UK Joint Delegation to NATO</a>"),
    sanitize("<a href=\"/government/world/uk-mission-to-the-un-geneva\">UK Mission to the UN Geneva</a>"),
    sanitize("<a href=\"/government/world/uk-mission-to-the-united-nations\">UK Mission to the United Nations</a>"),
    sanitize("<a href=\"/government/world/uk-representation-to-the-eu\">UK Representation to the EU</a>"),
    sanitize("<a href=\"/government/world/ukraine\">Ukraine</a>"),
    sanitize("<a href=\"/government/world/united-arab-emirates\">United Arab Emirates</a>"),
    sanitize("<a href=\"/government/world/uruguay\">Uruguay</a>"),
    sanitize("<a href=\"/government/world/usa\">USA</a>"),
    sanitize("<a href=\"/government/world/uzbekistan\">Uzbekistan</a>"),
    sanitize("<a href=\"/government/world/venezuela\">Venezuela</a>"),
    sanitize("<a href=\"/government/world/zambia\">Zambia</a>"),
    sanitize("<a href=\"/government/world/zimbabwe\">Zimbabwe</a>"),
    sanitize("<a href=\"/government/world/andorra\">Andorra</a>"),
    sanitize("<a href=\"/government/world/antigua-and-barbuda\">Antigua and Barbuda</a>"),
    sanitize("<a href=\"/government/world/bahamas\">Bahamas</a>"),
    sanitize("<a href=\"/government/world/benin\">Benin</a>"),
    sanitize("<a href=\"/government/world/bhutan\">Bhutan</a>"),
    sanitize("<a href=\"/government/world/burkina-faso\">Burkina Faso</a>"),
    sanitize("<a href=\"/government/world/cape-verde\">Cape Verde</a>"),
    sanitize("<a href=\"/government/world/comoros\">Comoros</a>"),
    sanitize("<a href=\"/government/world/congo\">Congo</a>"),
    sanitize("<a href=\"/government/world/cote-d-ivoire\">Cote d’Ivoire</a>"),
    sanitize("<a href=\"/government/world/djibouti\">Djibouti</a>"),
    sanitize("<a href=\"/government/world/dominica\">Dominica</a>"),
    sanitize("<a href=\"/government/world/equatorial-guinea\">Equatorial Guinea</a>"),
    sanitize("<a href=\"/government/world/grenada\">Grenada</a>"),
    sanitize("<a href=\"/government/world/guinea-bissau\">Guinea-Bissau</a>"),
    sanitize("<a href=\"/government/world/haiti\">Haiti</a>"),
    sanitize("<a href=\"/government/world/kiribati\">Kiribati</a>"),
    sanitize("<a href=\"/government/world/lesotho\">Lesotho</a>"),
    sanitize("<a href=\"/government/world/liberia\">Liberia</a>"),
    sanitize("<a href=\"/government/world/liechtenstein\">Liechtenstein</a>"),
    sanitize("<a href=\"/government/world/macao\">Macao</a>"),
    sanitize("<a href=\"/government/world/marshall-islands\">Marshall Islands</a>"),
    sanitize("<a href=\"/government/world/micronesia\">Micronesia</a>"),
    sanitize("<a href=\"/government/world/nauru\">Nauru</a>"),
    sanitize("<a href=\"/government/world/nicaragua\">Nicaragua</a>"),
    sanitize("<a href=\"/government/world/niger\">Niger</a>"),
    sanitize("<a href=\"/government/world/the-occupied-palestinian-territories\">The Occupied Palestinian Territories</a>"),
    sanitize("<a href=\"/government/world/palau\">Palau</a>"),
    sanitize("<a href=\"/government/world/paraguay\">Paraguay</a>"),
    sanitize("<a href=\"/government/world/samoa\">Samoa</a>"),
    sanitize("<a href=\"/government/world/sao-tome-and-principe\">São Tomé and Principe</a>"),
    sanitize("<a href=\"/government/world/st-kitts-and-nevis\">St Kitts and Nevis</a>"),
    sanitize("<a href=\"/government/world/st-vincent-and-the-grenadines\">St Vincent and The Grenadines</a>"),
    sanitize("<a href=\"/government/world/suriname\">Suriname</a>"),
    sanitize("<a href=\"/government/world/swaziland\">Swaziland</a>"),
    sanitize("<a href=\"/government/world/togo\">Togo</a>"),
    sanitize("<a href=\"/government/world/tuvalu\">Tuvalu</a>"),
    sanitize("<a href=\"/government/world/vanuatu\">Vanuatu</a>"),
    sanitize("<a href=\"/government/world/united-kingdom\">United Kingdom</a>"),
    sanitize("<a href=\"/government/world/bermuda\">Bermuda</a>"),
    sanitize("<a href=\"/government/world/burundi\">Burundi</a>"),
    sanitize("<a href=\"/government/world/el-salvador\">El Salvador</a>"),
    sanitize("<a href=\"/government/world/falkland-islands\">Falkland Islands</a>"),
    sanitize("<a href=\"/government/world/guinea\">Guinea</a>"),
    sanitize("<a href=\"/government/world/uk-mission-to-the-united-nations-new-york\">UK Mission to the United Nations, New York</a>"),
    sanitize("<a href=\"/government/world/the-uk-permanent-delegation-to-the-oecd-organisation-for-economic-co-operation-and-development\">The UK Permanent Delegation to the OECD (Organisation for Economic Co-operation and Development)</a>"),
    sanitize("<a href=\"/government/world/st-helena-ascension-and-tristan-da-cunha\">St Helena, Ascension and Tristan da Cunha</a>"),
    sanitize("<a href=\"/government/world/st-lucia\">St Lucia</a>"),
    sanitize("<a href=\"/government/world/kyrgyzstan\">Kyrgyzstan</a>"),
    sanitize("<a href=\"/government/world/pitcairn-island\">Pitcairn Island</a>"),
    sanitize("<a href=\"/government/world/chad\">Chad</a>"),
    sanitize("<a href=\"/government/world/mauritania\">Mauritania</a>"),
    sanitize("<a href=\"/government/world/american-samoa\">American Samoa</a>"),
    sanitize("<a href=\"/government/world/aruba\">Aruba</a>"),
    sanitize("<a href=\"/government/world/bonaire-st-eustatius-saba\">Bonaire/St Eustatius/Saba</a>"),
    sanitize("<a href=\"/government/world/british-indian-ocean-territory\">British Indian Ocean Territory</a>"),
    sanitize("<a href=\"/government/world/central-african-republic\">Central African Republic</a>"),
    sanitize("<a href=\"/government/world/curacao\">Curaçao</a>"),
    sanitize("<a href=\"/government/world/french-guiana\">French Guiana</a>"),
    sanitize("<a href=\"/government/world/french-polynesia\">French Polynesia</a>"),
    sanitize("<a href=\"/government/world/gabon\">Gabon</a>"),
    sanitize("<a href=\"/government/world/gibraltar\">Gibraltar</a>"),
    sanitize("<a href=\"/government/world/guadeloupe\">Guadeloupe</a>"),
    sanitize("<a href=\"/government/world/martinique\">Martinique</a>"),
    sanitize("<a href=\"/government/world/mayotte\">Mayotte</a>"),
    sanitize("<a href=\"/government/world/monaco\">Monaco</a>"),
    sanitize("<a href=\"/government/world/new-caledonia\">New Caledonia</a>"),
    sanitize("<a href=\"/government/world/reunion\">Réunion</a>"),
    sanitize("<a href=\"/government/world/san-marino\">San Marino</a>"),
    sanitize("<a href=\"/government/world/south-georgia-and-south-sandwich-islands\">South Georgia and the South Sandwich Islands</a>"),
    sanitize("<a href=\"/government/world/st-maarten\">St Maarten</a>"),
    sanitize("<a href=\"/government/world/st-pierre-and-miquelon\">St Pierre &amp; Miquelon</a>"),
    sanitize("<a href=\"/government/world/tonga\">Tonga</a>"),
    sanitize("<a href=\"/government/world/wallis-and-futuna\">Wallis and Futuna</a>")
  ],
  first_published: "5 December 2013"
} %>

Basic rtl (preview)

• From: Cabinet Office
• Part of: Environment
• History: Updated 2 weeks ago

<%= render "govuk_publishing_components/components/metadata", {
  direction: "rtl",
  from: sanitize("<a href='/government/organisations/cabinet-office'>Cabinet Office</a>"),
  history: "Updated 2 weeks ago",
  part_of: sanitize("<a href='/government/topics/environment'>Environment</a>")
} %>

External link (preview)

• From: Cabinet Office
• Published: 14 June 2014
• Applies to: England, Scotland, and Wales (see detailed guidance for Northern Ireland)

<%= render "govuk_publishing_components/components/metadata", {
  from: sanitize("<a href='/government/organisations/cabinet-office'>Cabinet Office</a>"),
  first_published: "14 June 2014",
  other: {
    "Applies to": sanitize("England, Scotland, and Wales (see detailed guidance for <a href=\"http://www.dardni.gov.uk/news-dard-pa022-a-13-new-procedure-for\" rel=\"external\">Northern Ireland</a>)")
  }
} %>

On a dark background (preview)

• From: Ministry of Defence, Cabinet Office, Department for Business, Energy & Industrial Strategy, Foreign & Commonwealth Office and The Rt Hon William Hague
  Show 3 more
  Department for Environment, Food & Rural Affairs, Department for work and pensions, and Foreign and Commonwealth Office
• Published: 14 June 2014
• Last updated: 10 September 2015 — See all updates
• Applies to: England, Scotland, and Wales (see detailed guidance for Northern Ireland)

<%= render "govuk_publishing_components/components/metadata", {
  inverse: true,
  from: [
    sanitize("<a href='/government/organisations/ministry-of-defence'>Ministry of Defence</a>"),
    sanitize("<a href='/government/organisations/cabinet-office'>Cabinet Office</a>"),
    sanitize("<a href=\"/government/organisations/department-for-business-energy-and-industrial-strategy\">Department for Business, Energy &amp; Industrial Strategy</a>"),
    sanitize("<a href=\"/government/organisations/foreign-commonwealth-office\">Foreign &amp; Commonwealth Office</a>"),
    sanitize("<a href=\"/government/people/william-hague\">The Rt Hon William Hague</a>"),
    sanitize("<a href=\"/government/organisations/department-for-environment-food-rural-affairs\">Department for Environment, Food &amp; Rural Affairs</a>"),
    sanitize("<a href=\"/government/organisations/department-for-work-pensions\">Department for work and pensions</a>"),
    sanitize("<a href=\"/government/organisations/foreign-commonwealth-office\">Foreign and Commonwealth Office</a>")
  ],
  first_published: "14 June 2014",
  last_updated: "10 September 2015",
  see_updates_link: true,
  other: {
    "Applies to": sanitize("England, Scotland, and Wales (see detailed guidance for <a href=\"http://www.dardni.gov.uk/news-dard-pa022-a-13-new-procedure-for\" rel=\"external\">Northern Ireland</a>)")
  }
} %>

On a dark background without padding (preview)

By default the inverse option includes extra spacing around the component. This option removes this padding. Note that both the inverse and inverse_compress options must be supplied.

• From: Ministry of Defence, Cabinet Office, Department for Business, Energy & Industrial Strategy, Foreign & Commonwealth Office and The Rt Hon William Hague
  Show 3 more
  Department for Environment, Food & Rural Affairs, Department for work and pensions, and Foreign and Commonwealth Office
• Published: 14 June 2014
• Last updated: 10 September 2015 — See all updates
• Applies to: England, Scotland, and Wales (see detailed guidance for Northern Ireland)

<%= render "govuk_publishing_components/components/metadata", {
  inverse: true,
  inverse_compress: true,
  from: [
    sanitize("<a href='/government/organisations/ministry-of-defence'>Ministry of Defence</a>"),
    sanitize("<a href='/government/organisations/cabinet-office'>Cabinet Office</a>"),
    sanitize("<a href=\"/government/organisations/department-for-business-energy-and-industrial-strategy\">Department for Business, Energy &amp; Industrial Strategy</a>"),
    sanitize("<a href=\"/government/organisations/foreign-commonwealth-office\">Foreign &amp; Commonwealth Office</a>"),
    sanitize("<a href=\"/government/people/william-hague\">The Rt Hon William Hague</a>"),
    sanitize("<a href=\"/government/organisations/department-for-environment-food-rural-affairs\">Department for Environment, Food &amp; Rural Affairs</a>"),
    sanitize("<a href=\"/government/organisations/department-for-work-pensions\">Department for work and pensions</a>"),
    sanitize("<a href=\"/government/organisations/foreign-commonwealth-office\">Foreign and Commonwealth Office</a>")
  ],
  first_published: "14 June 2014",
  last_updated: "10 September 2015",
  see_updates_link: true,
  other: {
    "Applies to": sanitize("England, Scotland, and Wales (see detailed guidance for <a href=\"http://www.dardni.gov.uk/news-dard-pa022-a-13-new-procedure-for\" rel=\"external\">Northern Ireland</a>)")
  }
} %>

With custom margin bottom (preview)

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 the margin-bottom values defined in the responsive-bottom-margin mixin

• Published: 14 June 2014
• Last updated: 10 September 2015

<%= render "govuk_publishing_components/components/metadata", {
  first_published: "14 June 2014",
  last_updated: "10 September 2015",
  margin_bottom: 2
} %>

Without ga4 tracking (preview)

Disables the GA4 link tracker on the ‘See all updates’ link. Tracking is enabled by default.

• Last updated: 10 September 2015 — See all updates

<%= render "govuk_publishing_components/components/metadata", {
  last_updated: "10 September 2015",
  see_updates_link: true,
  disable_ga4: true
} %>

With title (preview)

Title

• Last updated: 10 September 2015 — See all updates

<%= render "govuk_publishing_components/components/metadata", {
  last_updated: "10 September 2015",
  see_updates_link: true,
  title: "Title"
} %>

On a dark background with title (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.

<%= 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"
} %>