Related components
Header for placing the Government of Canada branded header landmark.
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 is a required component for Canada.ca pages.
Take a look at use cases for the language toggle to see if it fits the problem you're solving for.
Problems the language toggle solves
Use the language toggle to:
- Make sure people are able to switch between languages without losing track of where they were before switching.
- Support Official Languages by offering equitable access in French and English.
Help us improve
Have questions or a request? Give feedback on our contact form.
Something's wrong? Raise it through GitHub with an