Summary list example

Wide title layout

Allows a slightly adjusted layout for longer text in the field name.

How it looks (preview)

Privacy settings

GOV.UK can use cookies while you’re signed in
No
Change GOV.UK can use cookies while you’re signed in
GOV.UK can send you feedback emails
Yes
Change GOV.UK can send you feedback emails

How to call this example

<%= render "govuk_publishing_components/components/summary_list", {
  title: "Privacy settings",
  wide_title: true,
  items: [
    {
      field: "GOV.UK can use cookies while you’re signed in",
      value: "No",
      edit: {
        href: "edit-cookies"
      }
    },
    {
      field: "GOV.UK can send you feedback emails",
      value: "Yes",
      edit: {
        href: "edit-feedback"
      }
    }
  ]
} %>