react-simple-animate
Advanced tools
Comparing version 3.0.1 to 3.0.2-beta.1
{ | ||
"name": "react-simple-animate", | ||
"version": "3.0.1", | ||
"version": "3.0.2-beta.1", | ||
"description": "react simple animate", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
@@ -18,3 +18,2 @@ <div align="center"><a href="https://react-simple-animate.now.sh"><img src="https://raw.githubusercontent.com/bluebill1049/react-simple-animate/master/example/logo.png" alt="React Simple Animate Logo - UI Animation Made Simple" width="180px" height="180px" /></a></div> | ||
- [Getting started](https://react-simple-animate.now.sh/basics) | ||
- [Quick Tutorial](https://alligator.io/react/craft-simple-animations-in-react/) | ||
- [Animate](https://react-simple-animate.now.sh/animate) | ||
@@ -53,3 +52,2 @@ - [AnimateKeyframes](https://react-simple-animate.now.sh/animate-keyframes) | ||
</Animate> | ||
<Animate start={{ opacity: 0 }} end={{ opacity: 1 }} sequenceIndex={1}> | ||
@@ -75,3 +73,2 @@ second | ||
const { style, play } = useAnimate({ start: { opacity: 0 }, end: { opacity: 1 } }); | ||
useEffect(() => play(true), []); | ||
@@ -87,3 +84,2 @@ | ||
}); | ||
useEffect(() => play(true), []); | ||
@@ -101,8 +97,5 @@ | ||
}); | ||
useEffect(() => play(true), []); | ||
return ( | ||
{styles.map(style => <div style={style}>useAnimateGroup</div>)} | ||
); | ||
return {styles.map(style => <div style={style}>useAnimateGroup</div>)}; | ||
}; | ||
@@ -109,0 +102,0 @@ ``` |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
71391
93
709
1
109