vue3-lottie
Advanced tools
Comparing version 1.3.2 to 1.4.0
{ | ||
"name": "vue3-lottie", | ||
"version": "1.3.2", | ||
"version": "1.4.0", | ||
"license": "MIT", | ||
@@ -5,0 +5,0 @@ "author": "Sanjay Soundarajan <info@sanjaysoundarajan.dev> (https://sanjaysoundarajan.dev)", |
@@ -77,17 +77,18 @@ # Vue 3 Lottie | ||
| Prop | Type | Default Value | Description | | ||
| ---------------- | --------------------- | ------------- | ---------------------------------------------------------------------------------------- | | ||
| animationData | Object (**Required**) | none | The lottie animation data | | ||
| width | Number or String | "100%" | Width of the lottie animation container (Numbers correspond to pixel values) | | ||
| height | Number or String | "100%" | Height of the lottie animation container (Numbers correspond to pixel values) | | ||
| speed | Number | "1" | Speed of the lottie animation | | ||
| direction | String | "forward" | Animation play direction | | ||
| loop | Number or Boolean | true | The number of instances that the lottie animation should run (true is infinite) | | ||
| autoPlay | Boolean | true | Start animation on component load | | ||
| delay | Number | 0 | Delay the animation play state by some milliseconds | | ||
| pauseAnimation | Boolean | false | Prop to pass reactive variables so that you can control animation pause and play | | ||
| pauseOnHover | Boolean | false | Whether to pause the animation on hover | | ||
| playOnHover | Boolean | false | Whether to play the animation when you hover | | ||
| backgroundColor | String | transparent | Background color of the container | | ||
| rendererSettings | Object | {} | Options for if you want to use an existing canvas to draw (can be ignored on most cases) | | ||
| Prop | Type | Default Value | Description | | ||
| ---------------- | ----------------- | ------------- | ---------------------------------------------------------------------------------------- | | ||
| animationData | Object | {} | The lottie animation data provided as a JSON object | | ||
| animationLink | String | '' | A URL link to the Lottie animation data (eg: `Lottie Animation URL` on lottiefiles.com) | | ||
| width | Number or String | "100%" | Width of the lottie animation container (Numbers correspond to pixel values) | | ||
| height | Number or String | "100%" | Height of the lottie animation container (Numbers correspond to pixel values) | | ||
| speed | Number | "1" | Speed of the lottie animation | | ||
| direction | String | "forward" | Animation play direction | | ||
| loop | Number or Boolean | true | The number of instances that the lottie animation should run (true is infinite) | | ||
| autoPlay | Boolean | true | Start animation on component load | | ||
| delay | Number | 0 | Delay the animation play state by some milliseconds | | ||
| pauseAnimation | Boolean | false | Prop to pass reactive variables so that you can control animation pause and play | | ||
| pauseOnHover | Boolean | false | Whether to pause the animation on hover | | ||
| playOnHover | Boolean | false | Whether to play the animation when you hover | | ||
| backgroundColor | String | transparent | Background color of the container | | ||
| rendererSettings | Object | {} | Options for if you want to use an existing canvas to draw (can be ignored on most cases) | | ||
@@ -94,0 +95,0 @@ # Events |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
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
Network access
Supply chain riskThis module accesses the network.
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
1411416
30310
135
5