Attachment example

External attachment

The word break helper (govuk-text-break-word) is used from the design system to forcibly break URLs across multiple lines when they wouldn’t otherwise fit.

How it looks (preview)

Architects Registration Board annual report 2021

https://arb.org.uk/wpcontent/uploads/ARBAnnualReportandFinancialStatement2021published.pdf

How to call this example

<%= render "govuk_publishing_components/components/attachment", {
  attachment: {
    title: "Architects Registration Board annual report 2021",
    url: "https://arb.org.uk/wpcontent/uploads/ARBAnnualReportandFinancialStatement2021published.pdf",
    type: "external"
  }
} %>