[Ignite UI for Angular 10.2 新機能] igxTabsのタブ変更時のアニメーションを無効化する

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