aholachek / react-flip-toolkit

A lightweight magic-move library for configurable layout transitions
MIT License
4.02k stars 135 forks source link

Global switch for enabling/disabling animations #218

Closed singintime closed 1 day ago

singintime commented 3 days ago

Motivation

Allowing developers that use react-flip-toolkit and/or flip-toolkit to enable and disable FLIP animations globally. This may be needed for several reasons, both aesthetic and functional. A notable use case is the implementation of reduced motion preferences directly on the web page instead of relying on OS preferences.

Proposed changes

This PR adds a global switch to enable/disable animations across all Flipper instances, both in and out of React land. This makes it possible to implement custom reduced motion settings, not necessarily tied to OS preferences and the prefers-reduced-motion media query.