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
• GOV.UK can use cookies while you’re signed in: Change
• GOV.UK can send you feedback emails: Yes
• GOV.UK can send you feedback emails: Change

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"
      }
    }
  ]
} %>