ember-lottie
Render lottie after effects animations in Ember.js.
Compatibility
- Ember.js v3.28 or above
- Ember CLI v3.28 or above
- Node.js v14 or above
Installation
ember install @qonto/ember-lottie
Usage
<Lottie
@name="empty state"
@animationData={{this.animationData}}
@path="/data.json"
@loop={{false}}
@autoplay={{false}}
@speed={{500}}
@containerId={{this.id}}
@onDataReady={{this.args.onDataReady}}
/>
API reference
Arguments
Argument | Type | Description | | Example |
---|
name | string | animation name for future reference | | |
animationData | object | an object with the exported animation data (mandatory at least one: animationData or path ) | | |
path | string | the relative path to the animation object (mandatory at least one: animationData or path ) | | |
loop | boolean | by default at true , the animation runs forever, at false , the animation is played only once | | |
autoplay | boolean | by default to true , it will play as soon as it's loaded | | |
speed | number | 1 is normal speed | | |
containerId | string | the dom element id on which to render the animation (mandatory) | | |
onDataReady | function | a function that triggers the Lottie when you want it | | |
Contributing
See the Contributing guide for details.
License
This project is licensed under the MIT License.