Language Selector

A dropdown component for region and language selection.

Language Selection YAML Structure

The dropdown will stay open after it's clicked. To close it, you must click the button again, or click anywhere else in the page.

The component will also automatically close itself on window resize, and re-determine where the dropdown will render depending on the space below the button on mobile
To see this behavior in action, check the component within mobile menu in homepage (Switch between Mobile and Tablet view).

Default Example

As A button

Set isButton variable to true to render the dropdown as a button.

Anchor menu to the right

Set anchorRight variable to true to anchor the dropdown's menu to the right of the button.

Anchor menu to the right (as a button)

Set anchorRight variable to true to anchor the dropdown's menu to the right of the button.