Translation navigation example

Multiple translations

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
    },
    {
      locale: "fr",
      base_path: "/fr",
      text: "Français"
    },
    {
      locale: "hi",
      base_path: "/hi",
      text: "हिंदी"
    },
    {
      locale: "ja",
      base_path: "/ja",
      text: "日本語"
    },
    {
      locale: "ur",
      base_path: "/ur",
      text: "اردو"
    },
    {
      locale: "zh",
      base_path: "/zh",
      text: "中文"
    }
  ]
} %>