You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
You can programmatically call the following functions if you need to disable (or re-enable) FLIP animations everywhere.
474
+
475
+
#### `disableFlip()`
476
+
477
+
Global switch to disable all animations in all `Flipper` containers.
478
+
479
+
#### `enableFlip()`
480
+
481
+
Global switch to (re-)enable all animations in all `Flipper` containers. Animations are enabled by default. Calling this function is needed only if animations were previously disabled with `disableFlip()`.
482
+
483
+
#### `isFlipEnabled()`
484
+
485
+
Returns a boolean indicating whether animations are globally enabled or disabled.
- Tested in latest Chrome, Firefox, Safari, Edge, and IE 11 with [Browserstack](https://www.browserstack.com/).
477
-
- For IE11 compatability, make sure you're polyfilling the `window.Promise` object.
494
+
- Tested in latest Chrome, Firefox, Safari, and Edge with [Browserstack](https://www.browserstack.com/).
478
495
- Requires React 16+
479
496
- Uses [Rematrix](https://github.com/jlmakes/rematrix) for matrix calculations and a simplified fork of [Rebound](https://github.com/facebook/rebound-js) for spring animations
480
497
@@ -517,4 +534,4 @@ When you trigger a complex FLIP animation with `react-flip-toolkit`, `React` cou
517
534
}
518
535
```
519
536
520
-
This [CSS property](https://dev.opera.com/articles/css-will-change-property/) tells the browser to anticipate changes to an element. It should be used with caution, because it can increase browser resource usage. If you notice rendering issues in your animation, I would recommend trying it out and seeing if it increases the performance of the animation.
537
+
This [CSS property](https://dev.opera.com/articles/css-will-change-property/) tells the browser to anticipate changes to an element. It should be used with caution, because it can increase browser resource usage. If you notice rendering issues in your animation, try seeing if it increases the performance of the animation.
0 commit comments