Document list example

With rel link attribute

The rel attribute is an option attribute to dictate the relationship between the document being linked to and the current page. This is predominantly used by search engines to help index journeys through a website.

On GOV.UK, this is typically used to dictate an external website being linked to with rel="external", however this component supports:

• external
• nofollow
• noopener
• noreferrer
• opener

How it looks (preview)

• Report Fraud

  Contact Action Fraud to report fraud and cyber crime, or to tell them you've been the victim of a scam.

How to call this example

<%= render "govuk_publishing_components/components/document_list", {
  items: [
    {
      link: {
        text: "Report Fraud",
        path: "https://www.actionfraud.police.uk/contact-us",
        rel: "external",
        description: "Contact Action Fraud to report fraud and cyber crime, or to tell them you've been the victim of a scam."
      }
    }
  ]
} %>