LanguageSelector ⚠️ Experimental

The LanguageSelector component can be used imported from:

Playground

Parameters

Events

This component has events. Check the documentation about how to use the events.

Name	Payload	Description
@change	string	Emitted when the value changes
@blur	void	Emitted when the input loses focus

Parameters use

Check the documentation about how to use the parameters.

INFO

Most of the parameters are exactly the same as Select component. Check its parameters section for more information.

modelValue

Attention!

If you hardcode this value, it will not be reactive and the selection won't change. Use a variable instead and, ideally, a closed loop.

Controls the selected value of the input. The value needs to be one of the provided via locales

locales

it indicates the array of locales to display can be specified. Substitutes options in the Select component.

If no locales are provided, the component will use the ones injected in the ZDS_LOCALES variable of window. Read about this in the localization section

Browser support

Detected engine:  

• Chromium

• Webkit

• Gecko

CodeSandbox example

Sorry, not available yet ☹️