Document list example

Without top border on list element

Several interfaces across GOV.UK benefit from the semantics of the document list but have their own bespoke designs, sometimes meaning that the visual border element doesn’t gel with said interface. Removing it using the below attribute allows for cleaner visual fidelity in these instances.

How it looks (preview)

• Department for Education – Statistics at DfE
  • 19 July 2017
  • Corporate information
• State-funded school inspections and outcomes: management information
  • 19 July 2017
  • Statistical data set

How to call this example

<%= render "govuk_publishing_components/components/document_list", {
  remove_top_border: true,
  items: [
    {
      link: {
        text: "Department for Education – Statistics at DfE",
        path: "/government/organisations/department-for-education/about/statistics"
      },
      metadata: {
        public_updated_at: "2017-07-19 15:01:48 +0000",
        document_type: "Corporate information"
      }
    },
    {
      link: {
        text: "State-funded school inspections and outcomes: management information",
        path: "/government/organisations/department-for-education/about/statistics"
      },
      metadata: {
        public_updated_at: "2017-07-19 15:01:48 +0000",
        document_type: "Statistical data set"
      }
    }
  ]
} %>