{
"component": "language-navigation",
"fixtures": [
{
"name": "default",
"options": {
"items": [
{
"text": "English",
"lang": "en",
"current": true
},
{
"text": "Cymraeg",
"lang": "cy",
"href": "#/cy"
}
]
},
"hidden": false,
"description": "",
"pageTemplateOptions": {},
"screenshot": true,
"html": ""
},
{
"name": "with multiple languages",
"options": {
"items": [
{
"text": "English",
"lang": "en",
"current": true
},
{
"text": "Français",
"lang": "fr",
"href": "#/fr"
},
{
"text": "हिंदी",
"lang": "hi",
"href": "#/hi"
},
{
"text": "日本語",
"lang": "ja",
"href": "#/ja"
},
{
"text": "اردو",
"lang": "ur",
"href": "#/ur"
},
{
"text": "中文",
"lang": "zh",
"href": "#/zh"
}
]
},
"hidden": false,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": ""
},
{
"name": "with large amount of multiple languages",
"options": {
"items": [
{
"text": "English",
"lang": "en",
"current": true
},
{
"text": "العربيَّة",
"lang": "ar",
"href": "#/ar"
},
{
"text": "български",
"lang": "bg",
"href": "#/bg"
},
{
"text": "বাংলা",
"lang": "bn",
"href": "#/bn"
},
{
"text": "Deutsch",
"lang": "de",
"href": "#/de"
},
{
"text": "Ελληνικά",
"lang": "el",
"href": "#/el"
},
{
"text": "Español",
"lang": "es",
"href": "#/es"
},
{
"text": "فارسی",
"lang": "fa",
"href": "#/fa"
},
{
"text": "Français",
"lang": "fr",
"href": "#/fr"
},
{
"text": "જોર્જિયન",
"lang": "gu",
"href": "#/gu"
},
{
"text": "हिंदी",
"lang": "hi",
"href": "#/hi"
},
{
"text": "Magyar",
"lang": "hu",
"href": "#/hu"
},
{
"text": "Italiano",
"lang": "it",
"href": "#/it"
},
{
"text": "Lietuvių",
"lang": "lt",
"href": "#/lt"
},
{
"text": "Latviešu",
"lang": "lv",
"href": "#/lv"
},
{
"text": "नेपाली",
"lang": "ne",
"href": "#/ne"
},
{
"text": "ਪੰਜਾਬੀ ਗੁਰਮੁਖੀ",
"lang": "pa",
"href": "#/pa"
},
{
"text": "Polski",
"lang": "pl",
"href": "#/pl"
},
{
"text": "پښتو",
"lang": "ps",
"href": "#/ps"
},
{
"text": "Português",
"lang": "pt",
"href": "#/pt"
},
{
"text": "Română",
"lang": "ro",
"href": "#/ro"
},
{
"text": "Русский язык",
"lang": "ru",
"href": "#/ru"
},
{
"text": "Slovensky",
"lang": "sk",
"href": "#/sk"
},
{
"text": "Soomaali",
"lang": "so",
"href": "#/so"
},
{
"text": "Shqip",
"lang": "sq",
"href": "#/sq"
},
{
"text": "தமிழ்",
"lang": "ta",
"href": "#/ta"
},
{
"text": "Türkçe",
"lang": "tr",
"href": "#/tr"
},
{
"text": "Українська",
"lang": "uk",
"href": "#/uk"
},
{
"text": "اردو",
"lang": "ur",
"href": "#/ur"
},
{
"text": "简体中文",
"lang": "zh",
"href": "#/zh"
},
{
"text": "w\">繁體中文（臺灣）",
"lang": "zh",
"href": "#/zh"
}
]
},
"hidden": false,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": ""
},
{
"name": "inverse",
"options": {
"classes": "govuk-language-navigation--inverse",
"items": [
{
"text": "English",
"lang": "en",
"current": true
},
{
"text": "Cymraeg",
"lang": "cy",
"href": "#/cy"
}
]
},
"hidden": false,
"description": "Language navigation that appears on dark backgrounds",
"pageTemplateOptions": {
"bodyClasses": "app-template__body--inverse"
},
"screenshot": true,
"html": ""
},
{
"name": "with translated navigation label",
"options": {
"ariaLabel": "Dewis iaith",
"attributes": {
"lang": "cy"
},
"items": [
{
"text": "English",
"lang": "en",
"href": "#/en"
},
{
"text": "Cymraeg",
"lang": "cy",
"current": true
}
]
},
"hidden": false,
"description": "When the current page is not in English, translate the `ariaLabel` into the language of the current page.",
"pageTemplateOptions": {},
"screenshot": false,
"html": ""
},
{
"name": "with mixed text directions",
"options": {
"items": [
{
"text": "English",
"lang": "en",
"dir": "ltr",
"current": true
},
{
"text": "العربية",
"lang": "ar",
"dir": "rtl",
"href": "#/ar"
}
]
},
"hidden": false,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": ""
},
{
"name": "with language description",
"options": {
"attributes": {
"lang": "cy"
},
"items": [
{
"text": "English",
"lang": "en",
"current": true
},
{
"text": "Cymraeg",
"lang": "cy",
"href": "#/cy",
"languageDescriptionText": "Newid yr iaith i'r Cymraeg"
}
]
},
"hidden": false,
"description": "Add visually hidden text, written in the language of the link, so screen reader users know that selecting a link leads to a translation of the page\".",
"pageTemplateOptions": {},
"screenshot": false,
"html": ""
},
{
"name": "classes",
"options": {
"classes": "app-language-navigation--custom-modifier",
"items": [
{
"text": "English",
"lang": "en",
"current": true
},
{
"text": "Cymraeg",
"lang": "cy",
"href": "#/cy"
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": ""
},
{
"name": "attributes",
"options": {
"attributes": {
"id": "my-language-navigation",
"data-foo": "bar"
},
"items": [
{
"text": "English",
"lang": "en",
"current": true
},
{
"text": "Cymraeg",
"lang": "cy",
"href": "#/cy"
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": ""
},
{
"name": "item classes",
"options": {
"items": [
{
"text": "English",
"lang": "en",
"current": true
},
{
"text": "Cymraeg",
"lang": "cy",
"href": "#/cy",
"classes": "app-language-navigation__link--modifier"
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": ""
},
{
"name": "active item classes",
"options": {
"items": [
{
"text": "English",
"lang": "en",
"current": true,
"classes": "app-language-navigation__link--modifier"
},
{
"text": "Cymraeg",
"lang": "cy",
"href": "#/cy"
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": ""
},
{
"name": "item attributes",
"options": {
"items": [
{
"text": "English",
"lang": "en",
"current": true,
"attributes": {
"data-test-id": "english-link"
}
},
{
"text": "Cymraeg",
"lang": "cy",
"href": "#/cy",
"attributes": {
"data-test-id": "welsh-link"
}
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": ""
},
{
"name": "html",
"options": {
"items": [
{
"text": "English",
"lang": "en",
"current": true
},
{
"html": "Cymraeg",
"lang": "cy",
"href": "#/cy"
}
]
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": ""
}
]
}