Vue d’ensemble

Le composant <LocaleSelector> permet de sélectionner la locale de l’utilisateur. C’est un composant côté client qui propose un menu déroulant pour choisir la locale.

Références

Renvoie

Un composant qui permet à l’utilisateur de sélectionner sa locale.

Props

• locales (facultatif) : string[]
  • Une liste facultative de locales (p. ex. ['en', 'es-MX', 'fr']) pour renseigner le menu déroulant. Si elle n’est pas fournie, la liste de locales issue du contexte <GTProvider> est utilisée.
• customNames (facultatif) : {[locale: string]: string}
  • Un objet facultatif pour associer des codes de locale à des noms d’affichage personnalisés.
  • Exemple : {{ 'en-US': 'English (United States)', 'es': 'Español' }}

Exemples

Utilisation de base

import { LocaleSelector } from 'gt-next';

export default function MyComponent() {
    return (
        <LocaleSelector />
    );
}

Utilisation avec customNames

import { LocaleSelector } from 'gt-next';

export default function MyComponent() {
    const myCustomNames = {
        'en': 'English',
        'es': 'Español',
        'fr-CA': 'Français (Canada)'
    };
    return (
        <LocaleSelector customNames={myCustomNames} />
    );
}

Notes

• Le composant <LocaleSelector> vous permet de choisir une autre locale pour votre application.
• Le composant <LocaleSelector> n’est pas disponible dans le composant serveur.

Prochaines étapes

• En savoir plus sur le hook useLocale.
• Découvrez le hook useLocaleSelector pour définir un sélecteur de langue personnalisé.
• En savoir plus sur les chaînes de locale ici.