Composant bascule de thème dans le Kit de ressources Microsoft Graph
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 |