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.

• Required on Canada.ca
• Required on GC sites

• GitHub
• Figma

Language toggle is a required component for Government of Canada websites and has specific requirements 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.

Related components

Header for placing the Government of Canada branded header landmark.