<LocaleSelector>

Aperçu

Le composant <LocaleSelector> est utilisé pour sélectionner la langue de l'utilisateur. Il s'agit d'un composant côté client qui fournit un menu déroulant pour choisir la langue.

Référence

Retours

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

Props

• locales (optionnel) : string[]
  • Une liste optionnelle de locales (par exemple, ['en', 'es-MX', 'fr']) pour remplir le menu déroulant. Si elle n'est pas fournie, la liste des locales du contexte <GTProvider> est utilisée.
• customNames (optionnel) : {[locale: string]: string}
  • Un objet optionnel pour mapper les codes de locale aux noms d'affichage personnalisés.
  • Exemple : {{ 'en-US': 'English (United States)', 'es': 'Español' }}

Exemples

Utilisation de base

"use client";
import { LocaleSelector } from 'gt-next/client';

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

Utilisation avec customNames

"use client";
import { LocaleSelector } from 'gt-next/client';

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 sélectionner une autre langue 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 langue ici.