Summary list component: add ability to add multiple action links to a row about govuk-components HOT 3 CLOSED

Just tried doing this with the Nunjucks macros and it looks a bit weird with multiple actions. I amended the code from the first example on the summary list page by adding 'Remove' and 'Confirm':

{{ govukSummaryList({
  rows: [
    {
      key: {
        text: "Name"
      },
      value: {
        text: "Sarah Philips"
      },
      actions: {
        items: [
          {
            href: "/change",
            text: "Change"
          },
          {
            href: "/remove",
            text: "Remove"
          },
          {
            href: "/confirm",
            text: "Confirm"
          }
        ]
      }
    },
    // ✂️ 
  ]
}) }}

The output definitely looks wrong.

I'm either calling it incorrectly or there's an underlying bug. I'll go ahead and implement the component regardless and keep in mind it might need adjusting prior to merge.

from govuk-components.

Interesting. That certainly looks like a bug. I can file an issue on the design system repo, but it does demonstrate that multiple actions is an intentional part of the component, given the separators between each link. Probably not spotted before because it's not often a row has multiple actions associated with it (or the labels are very short when they do).

from govuk-components.

Fixed by #222

from govuk-components.