Ionic Theme MD3v9.2.2
@rdlabo/ionic-theme-md3
IonicアプリにMaterial Design 3を取り入れる
iOS 26テーマと共通のマークアップ互換性を保ちつつ、IonicへMaterial Design 3スタイルとトランジションアニメーションを適用します。
ブラウザーデモではテーマの見た目とWeb側の操作を確認できます。ネイティブコントロールとAndroid端末の配色は、対応端末のネイティブアプリで確認してください。
テーマの機能
Material Design 3スタイル
IonicコンポーネントをMaterial Design 3ガイドラインに合わせて更新します。
iOS 26互換マークアップ
プラットフォームをまたぎ @rdlabo/ionic-theme-ios26 と同じHTML構造を共有します。
トランジションアニメーション
非iOSプラットフォーム向けにMD3のナビゲーショントランジションを設定します。