Zum Inhalt springen
WebView Native UIdocs
Ionic Theme iOS26v9.4.3
@rdlabo/ionic-theme-ios26

iOS-26-Design in Ionic-Apps einsetzen

CSS, Übergänge und Liquid-Glass-Interaktionen von iOS 26 auf Ionic-Komponenten anwenden, einschließlich Dark Mode und schrittweiser Migration.

Erste SchritteWeb-Theme ausprobieren

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.

Quellcode ansehenVersionshinweiseStern auf GitHub vergeben

Ionic-Oberflächen im iOS-26-Design mit Liquid-Glass-Tab-Leiste, Listen und Bedienelementen

Theme-Funktionen

  • CSS und Design für iOS 26

    Ionic-Komponenten an die aktuelle Designsprache von iOS 26 anpassen.

  • Übergänge und Liquid Glass

    iOS-orientierte Navigationsanimationen und Liquid-Glass-Interaktionseffekte verwenden.

  • Dark Mode und schrittweise Migration

    Dark-Mode-Stile übernehmen und bei Bedarf Komponente für Komponente migrieren.

Gesamte Dokumentation

Schnellstart

Anleitungen

Entwicklung

Referenz

Weiterführende Artikel