Language toggle
<gcds-lang-toggle>
Also called: language switch, language selector.
The language toggle is a link to the same content in the other Official Language.
-
GitHub -
Figma
Language toggle component preview
Language toggle anatomy
The language toggle provides a link to the page in the other Official Language.
- The toggle link navigates to the page in the other Official Language and appears in short form on smaller screens, or viewports.
Design and accessibility for the language toggle
- Place the language toggle in the top right corner of the header to be predictable and findable.
- In the language toggle link, include the opposite Official Language of the current page.
Help us improve
Have questions or a request? Give feedback on our contact form.
Something's wrong? Raise it through GitHub with an