Zum Inhalt springen
WebView Native UIdocs
Ionic Theme MD3v9.2.2
@rdlabo/ionic-theme-md3

Material Design 3 in Ionic-Apps einsetzen

Ionic mit Material Design 3 gestalten und dabei das Markup mit dem iOS-26-Theme und den gemeinsamen Übergangsanimationen kompatibel halten.

Die Browser-Demo zeigt das Theme-Design und Web-Interaktionen. Native Steuerelemente und Android-Gerätefarben benötigen die native App auf einem unterstützten Gerät.

Ionic-MD3-Theme mit der standardmäßigen Ionic-Palette unter Android 17

Theme-Funktionen

  • Material-Design-3-Gestaltung

    Ionic-Komponenten an die Richtlinien von Material Design 3 anpassen.

  • Mit iOS 26 kompatibles Markup

    Plattformübergreifend dieselbe HTML-Struktur mit @rdlabo/ionic-theme-ios26 verwenden.

  • Übergangsanimation

    MD3-Navigationsübergänge für andere Plattformen als iOS konfigurieren.

Gesamte Dokumentation

Weiterführende Artikel