Theme-Wechsel-Menü
Verbessern Sie die UX Ihrer User mit nahtlosem Wechsel ihrer Themes.
Mit der Komponente Theme Switcher können Benutzer sofort zwischen Light, Dark oder einem von Ihnen definierten benutzerdefinierten Theme umschalten. Sie greift auf die globale Theme-Konfiguration Ihres Projekts zu und bietet eine saubere und intuitive Möglichkeit, die Benutzeroberfläche an die Vorlieben Ihrer Benutzer anzupassen.
Ob aus Gründen der Ästhetik, der Barrierefreiheit oder der Markenanpassung - noch nie war es so einfach und konsistent, das Theme für Ihr Projekt zu wechseln.
Nutzerzentrierte Erfahrung
Verbunden mit globalen Themes.
Immer mit globalen Einstellungen gesynct.Dynamische visuelle Kontrolle.
Wechseln Sie zwischen verfügbaren Themes.Kein Code, nur ein Klick.
Sofortige visuelle Updates für Benutzer.
Flexible Styling-Optionen
Verwenden Sie ein einheitliches Design.
Stimmen Sie Ihr Branding genau ab.Anpassen der einzelnen Theme-optionen.
Heben Sie aktive oder inaktive Zustände hervor.Leicht erweiterbar.
Einfach nur die globale Konfiguration anpassen.
Anwendungsfälle
Der Theme Switcher ist ideal für moderne Websites und Anwendungen, die ein maßgeschneidertes Benutzererlebnis bieten sollen. Vom Umschalten zwischen hellem und dunklem Modus bis hin zum Angebot mehrerer Markenfarbschemata bietet er den Endnutzern die vollständige Kontrolle über das Aussehen und das Gefühl ihres Projekts. Er verbessert die Zugänglichkeit, berücksichtigt die Präferenzen der Benutzer und erhöht die allgemeine Zufriedenheit.
Verwenden Sie es in:
Kopfzeilen-Navigationsleisten
Seitenpanels oder Symbolleisten
Mobile Menüs
Fußzeilenbereiche
Einstellungen oder Profilseiten
Wo auch immer er platziert wird, der Theme Switcher sorgt dafür, dass die Nutzer die Kontrolle über ihre visuelle Umgebung behalten, ohne dass sie sie neu laden oder weg navigieren müssen.
Konfigurationsoptionen und Funktionen
Mit dem Theme Switcher können Ihre Nutzer die Kontrolle über ihre visuellen Vorlieben übernehmen, ohne die unterliegenden technischen Details verstehen zu müssen. Er ist intuitiv, anpassbar und eine leistungsstarke Ergänzung für jedes benutzerorientierte Erlebnis.
Element Deskriptoren
Legen Sie fest, was für die einzelnen Theme-Optionen im Umschalter angezeigt werden soll. Wenn kein Deskriptor festgelegt ist, wird die Komponente standardmäßig den Namen des Themas anzeigen (z. B. "Hell", "Dunkel" oder Ihre benutzerdefinierten Theme-Namen). Hilfreich bei der Übersetzung oder dem Branding von Theme-Bezeichnungen.
Komponenten Theme
Steuert das allgemeine Styling des gesamten Theme Switcher-Wrappers. Dadurch wird sichergestellt, dass sich die Komponente nahtlos in das Designsystem Ihrer Seite einfügt.
Element Theme
Wird auf jede auswählbare Theme-Option in der Dropdown-Liste oder im Menü angewendet. Dies ermöglicht ein einheitliches Styling für alle Optionen, sofern nicht weiter differenziert wird.
Aktive Elemente Theme
Wird nur auf das aktuell ausgewählte/aktive Thema angewendet. Perfekt, um die aktuelle Wahl des Nutzers visuell hervorzuheben und für Klarheit zu sorgen.
Inaktive Elemente Theme
Wird auf alle Theme-Optionen angewendet, die derzeit nicht ausgewählt sind. Unterstützt die Aufrechterhaltung einer klaren UI-Struktur und fördert die Interaktivität durch den Kontrast zwischen aktiven und inaktiven Zuständen.