Zum Inhalt springen
rdlabo.devdocs
Ionic Theme iOS27v1.2.0
@rdlabo/ionic-theme-ios27

iOS-27-Design in Ionic-Apps einsetzen

Liquid Glass und Bewegungen aus iOS 27 auf Ionic-Komponenten übertragen. Parallel zum iOS-26-Theme installieren, um Stile entsprechend den Browserfähigkeiten auszuwählen; Native UI Shell ist als Vorschau verfügbar.

iOS-27-Theme: Einstellungen im hellen Modus mit einer Liquid-Glass-Suchleiste iOS-27-Theme: Einstellungen im dunklen Modus iOS-27-Theme: Bibliothek mit Liquid-Glass-Schaltflächen und Tab-Leiste

Theme-Funktionen

  • CSS und Design für iOS 27

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

  • Übergänge und Liquid Glass

    Produktionsreife Webanimationen verwenden und mit der als Vorschau verfügbaren Native UI Shell optional feste Bedienelemente projizieren.

  • Dark Mode und schrittweise Migration

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

Gesamte Dokumentation