1. Collections Component Guide
  2. Reorderable list
  3. With custom input name
Reorderable list example

With custom input name

How it looks (preview)

  1. Budget 2018

    PDF, 2.56MB, 48 pages

  2. Budget 2020

    PDF, 2.56MB, 48 pages

How to call this example

<%= render "govuk_publishing_components/components/reorderable_list", {
  input_name: "attachments[ordering]",
  items: [
    {
      id: "5ebd75d7-6c37-4b93-b444-1b7c49757fb9",
      title: "Budget 2018",
      description: "PDF, 2.56MB, 48 pages"
    },
    {
      id: "0a4d377d-68f4-472f-b2e3-ef71dc750f85",
      title: "Budget 2020",
      description: "PDF, 2.56MB, 48 pages"
    }
  ]
} %>