Topic: How to disable the fade-in and out animation when switching tabs
Hi all,
I am using MBD tabs with my angular application: https://mdbootstrap.com/docs/angular/navigation/tabs/#docsTabsOverview
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?
Thanks
You can disable animation for a specific tab by setting [fade] input to false:
<mdb-tabs>
<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>
</mdb-tabs>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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