igxTabsにはバージョン10.2.0にてdisableAnimationプロパティが実装されました。このプロパティはタブコンテンツの変遷時のアニメーションを有効化/無効化します。デフォルト値はfalseで、アニメーションは有効化されています。
以下はアニメーションを無効化するサンプルコードです。
<igx-tabs [disableAnimation]="true">
<igx-tabs-group label="Tab1" >
Tab1
</igx-tabs-group>
<igx-tabs-group label="Tab2" >
Tab2
</igx-tabs-group>
<igx-tabs-group label="Tab3" >
Tab3
</igx-tabs-group>
</igx-tabs>
リファレンス
- 「Class IgxTabsComponent – disableanimationプロパティ」
- https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxtabscomponent.html#disableanimation
