Topic: How to disable the fade-in and out animation when switching tabs

MPL premium asked 1 year ago

Hi all,

I am using MBD tabs with my angular application:

When switching tabs, as in the link above it has a flash type fade-in/out effect. I am wonder how I can remove/ disable this?


You can disable animation for a specific tab by setting [fade] input to false:

  <mdb-tab title="Tab 1" [fade]="false">Tab content 1</mdb-tab>
  <mdb-tab title="Tab 2">Tab content 2</mdb-tab>
  <mdb-tab title="Tab 3">Tab content 3</mdb-tab>

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 3.0.1
  • Device: Laptop
  • Browser: All
  • OS: Linux
  • Provided sample code: No
  • Provided link: Yes