Composant · Navigation · i18n

LanguageSelector

Documenté

Sélecteur de langue compact : affiche la langue courante et ouvre un menu (listbox) des langues disponibles. État value bindable, fermeture au clic extérieur / Échap.

Voir le code (Svelte)

<LanguageSelector
  value="fr"
  options={[{"value":"fr","label":"Français"},{"value":"en","label":"English"},{"value":"es","label":"Español"}]}
/>

Démo

Langue courante : fr

API du composant

Prop	Type	Par défaut
`value`	`string` (bindable)	`""`
`options`	`{ value: string; label: string }[]`	requis
`label`	`string`	`"Choisir la langue"`
`disabled`	`boolean`	`false`
`onchange`	`(value: string) => void`	optionnel

Tokens utilisés

--st-component-control-hoverBorder
--st-component-control-hoverBackground