Teilen über

Design-Umschaltkomponente im Microsoft Graph-Toolkit

  • Artikel

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