I have been looking into your question and disabling the animations of the IgxTabsComponent is done with the disableAnimation property which is set to true, like the following:

In addition, I have prepared a small sample illustrating my suggestion which could be found here. Please test it on your side and let me know how it behaves.

If you require any further assistance on the matter, please let me know

Thank you for sharing. It is really useful

Hello Abdullah,

Thank you for posting in our community.

I have been looking into your question and disabling the animations of the IgxTabsComponent is done with the disableAnimation property which is set to true, like the following:

<igx-tabs disableAnimation="true">
    <igx-tab-item>
        <igx-tab-header>
            Tab 1
        </igx-tab-header>
        <igx-tab-content>Tab 1 Content</igx-tab-content>
    </igx-tab-item>
    <igx-tab-item>
        <igx-tab-header>
            Tab 2
        </igx-tab-header>
        <igx-tab-content>Tab 2 Content</igx-tab-content>
    </igx-tab-item>
</igx-tabs>

In addition, I have prepared a small sample illustrating my suggestion which could be found here. Please test it on your side and let me know how it behaves.

If you require any further assistance on the matter, please let me know.

Regards,

Georgi Anastasov

Entry Level Software Developer

Infragistics