Reorderable list example

With description

How it looks (preview)

Budget 2018

PDF, 2.56MB, 48 pages

Position for Budget 2018
Budget 2018 (web)

HTML attachment

Position for Budget 2018 (web)
Impact on households: distributional analysis to accompany Budget 2018

PDF, 592KB, 48 pages

Position for Impact on households: distributional analysis to accompany Budget 2018
Table 2.1: Budget 2018 policy decisions

MS Excel Spreadsheet, 248KB

Position for Table 2.1: Budget 2018 policy decisions
Table 2.2: Measures announced at Autumn Budget 2017 or earlier that will take effect from November 2018 or later (£ million)

MS Excel Spreadsheet, 248KB

Position for Table 2.2: Measures announced at Autumn Budget 2017 or earlier that will take effect from November 2018 or later (£ million)

How to call this example

<%= render "govuk_publishing_components/components/reorderable_list", {
  items: [
    {
      id: "ce99dd60-67dc-11eb-ae93-0242ac130002",
      title: "Budget 2018",
      description: "PDF, 2.56MB, 48 pages"
    },
    {
      id: "d321cb86-67dc-11eb-ae93-0242ac130002",
      title: "Budget 2018 (web)",
      description: "HTML attachment"
    },
    {
      id: "63a6d29e-6b6d-4157-9067-84c1a390e352",
      title: "Impact on households: distributional analysis to accompany Budget 2018",
      description: "PDF, 592KB, 48 pages"
    },
    {
      id: "0a4d377d-68f4-472f-b2e3-ef71dc750f85",
      title: "Table 2.1: Budget 2018 policy decisions",
      description: "MS Excel Spreadsheet, 248KB"
    },
    {
      id: "5ebd75d7-6c37-4b93-b444-1b7c49757fb9",
      title: "Table 2.2: Measures announced at Autumn Budget 2017 or earlier that will take effect from November 2018 or later (£ million)",
      description: "MS Excel Spreadsheet, 248KB"
    }
  ]
} %>