Partager via

Composant bascule de thème dans le Kit de ressources Microsoft Graph

  • Article

Le composant bascule de thème permet à l’utilisateur de définir ou de modifier le thème du document de clair à sombre à l’aide d’un bouton bascule.

Un utilisateur peut utiliser le composant bascule de thème pour définir le thème par défaut sur light ou dark. L’utilisateur peut ensuite activer ces modes à l’aide d’un bouton bascule.

Exemple

L’exemple suivant montre comment le bouton bascule de thème définit le mode clair ou sombre en fonction de la préférence de l’utilisateur.

Propriétés

Attribut Propriété Description
mode mode Chaîne pour définir le mode par défaut du bouton bascule de thème. La valeur par défaut est light.

L’exemple suivant montre comment définir le dark mode par défaut.

<mgt-theme-toggle mode="dark"></mgt-theme-toggle>

Variables CSS personnalisées

Le composant bascule de thème n’a pas de variables CSS personnalisées.

Événements

Événement Quand est-il émis Données personnalisées Annulable Bulles Fonctionne avec un modèle personnalisé
darkmodechanged Se déclenche lorsque le mode sombre est déclenché par l’action de l’utilisateur. boolean Valeur. true s’il s’agit du mode sombre sinon false Non Non Non

Pour plus d’informations sur la gestion des événements, consultez événements.

Modèles

Le composant bascule de thème n’a pas de modèles personnalisés.

Autorisations de Microsoft Graph

Le composant bascule de thème n’a pas besoin d’autorisations Microsoft Graph pour fonctionner.

Authentification

Le composant bascule de thème n’a pas besoin d’authentification pour fonctionner.

Cache

Le composant bascule de thème ne met pas en cache les données.

Localisation

Le contrôle expose les variables suivantes qui peuvent être localisées. Pour plus d’informations sur la configuration de la localisation, consultez Localisation des composants.

Nom de la chaîne Valeur par défaut
étiquette Color mode:
actif Dark
inactif Light