Disabling animations either per-component or globally #10560

I find the performance really suffers on some mobile devices whenever any animations are happening.

I'd ideally like to be able to disable animations per component, or if not, globally.

Ideally there'd be an option like so:

<ExpansionPanel animate={false}>
    ...
</ExpansionPanel>

As far as I can tell, this is not currently possible.

Firstly - is there a workaround where I can disable animations with css overrides?

Secondly - should this be considered for being added as a feature?

• I have searched the issues of this repository and believe that this is not a duplicate.

Your Environment

Thanks in advance!