Design-Umschaltkomponente im Microsoft Graph-Toolkit
Die Designumschalterkomponente ermöglicht es dem Benutzer, das Dokumentdesign mithilfe einer Umschaltfläche von hell in dunkel festzulegen oder zu ändern.
Ein Benutzer kann die Design-Umschaltkomponente verwenden, um das Standarddesign auf light oder darkfestzulegen. Der Benutzer kann diese Modi dann mithilfe eines Umschaltschalters umschalten.
Beispiel
Das folgende Beispiel zeigt, wie der Designschalter den hellen oder dunklen Modus basierend auf der Einstellung des Benutzers festlegt.
Eigenschaften
| Attribut | Eigenschaft | Beschreibung |
|---|---|---|
| mode | mode | Eine Zeichenfolge zum Festlegen des Standardmodus des Designschalters. Der Standardwert lautet light. |
Das folgende Beispiel zeigt das Festlegen des dark Modus als Standard.
<mgt-theme-toggle mode="dark"></mgt-theme-toggle>
Benutzerdefinierte CSS-Variablen
Die Design-Umschaltkomponente verfügt nicht über benutzerdefinierte CSS-Variablen.
Ereignisse
| Ereignis | Wann wird es ausgegeben? | Benutzerdefinierte Daten | Abbrechbare | Blasen | Funktioniert mit benutzerdefinierter Vorlage |
|---|---|---|---|---|---|
darkmodechanged |
Wird ausgelöst, wenn der dunkle Modus von der Benutzeraktion ausgelöst wird. |
boolean Wert.
true , wenn es sich um einen dunklen Modus handelt, andernfalls false |
Nein | Nein | Nein |
Weitere Informationen zum Behandeln von Ereignissen finden Sie unter Ereignisse.
Vorlagen
Die Design-Umschaltkomponente verfügt nicht über benutzerdefinierte Vorlagen.
Microsoft Graph-Berechtigungen
Die Design-Umschaltkomponente benötigt keine Microsoft Graph-Berechtigungen, um zu funktionieren.
Authentifizierung
Die Design-Umschaltkomponente benötigt keine Authentifizierung, um zu funktionieren.
Cache
Die Design-Umschaltkomponente speichert keine Daten zwischen.
Lokalisierung
Das -Steuerelement macht die folgenden Variablen verfügbar, die lokalisiert werden können. Ausführliche Informationen zum Einrichten der Lokalisierung finden Sie unter Lokalisieren von Komponenten.
| Zeichenfolgenname | Standardwert |
|---|---|
| label | Color mode: |
| on | Dark |
| Aus | Light |