How to disable animation on Blazor tab component ?

[Ben Junior]

I'm trying to disable the tab animation and after searching the documentation I found out that  TabTabAnimationSettings must be set to "None"  but I couldn't find  how to do it. This is as far as I was able to get:

 <SfTab CssClass="default-tab e-fill" Animation= "????"

[Alagumeena Kalaiselvan]

Hi Ben, 

Greetings from Syncfusion support! 

We have checked with your reported case “How to disable Tab animation” and you can disable Tab animation by applying Effect as None which can be defined inside the element of TabAnimationSettings. Refer the below code for that. 

<SfTab> 

    <TabAnimationSettings> 

        <TabAnimationPrevious Effect="None"></TabAnimationPrevious> 

        <TabAnimationNext Effect="None"></TabAnimationNext> 

    </TabAnimationSettings> 

     ... 

</SfTab> 

Also, we have documented this scenario with sample which can be available in the below UG link. 

UG Link: https://blazor.syncfusion.com/documentation/tabs/animations/ 

Kindly check with shared solution and get back to us, If you need further assistance. 

Regards 

Alagumeena.K