Translation navigation example

With data attributes on links

Data attributes can be passed for each link as shown.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/translation_nav", {
  translations: [
    {
      locale: "en",
      base_path: "/en",
      text: "English",
      active: true,
      data_attributes: {
        an_attribute: "some_value1"
      }
    },
    {
      locale: "cy",
      base_path: "/cy",
      text: "Cymraeg",
      data_attributes: {
        an_attribute: "some_value2"
      }
    }
  ]
} %>