Skip to content

Commit c61c5ac

Browse files
committed
0.3.0
1 parent 1dd860d commit c61c5ac

File tree

4 files changed

+26
-9
lines changed

4 files changed

+26
-9
lines changed

CHANGELOG.md

+9
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,12 @@
1+
# [0.3.0](https://github.com/fivethree-team/lottie/compare/v0.1.0...v0.3.0) (2020-01-16)
2+
3+
4+
### Features
5+
6+
* **ng:** support angular 9 ([1dd860d](https://github.com/fivethree-team/lottie/commit/1dd860d5fc39f5ff03ba8c0b11b33535703c34d7))
7+
8+
9+
110
# [0.2.0](https://github.com/fivethree-team/lottie/compare/v0.1.0...v0.2.0) (2019-07-26)
211

312

README.md

+15-7
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,12 @@
33
[![npm version](https://badge.fury.io/js/%40fivethree%2Flottie.svg)](https://www.npmjs.com/@fivethree/lottie)
44
[![License](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/fivethree-team/lottie/blob/master/LICENSE)
55

6-
Lottie Animation Component for Angular 7 or higher.
6+
Lottie Animation Component for Angular 8 or higher.
7+
8+
| Angular | @fivehtree/core |
9+
| ------- | --------------- |
10+
| 8/9 | 0.3.x+ |
11+
| 7 | 0.2.x |
712

813
## 📦 Installation
914

@@ -15,16 +20,15 @@ yarn add @fivethree/lottie lottie-web
1520
```
1621

1722
## 🔨 Usage
23+
1824
Import the module into your root application module:
1925

2026
```typescript
2127
import { NgModule } from '@angular/core';
2228
import { LottieModule } from '@fivethree/lottie';
2329

2430
@NgModule({
25-
imports: [
26-
LottieModule
27-
]
31+
imports: [LottieModule]
2832
})
2933
export class AppModule {}
3034
```
@@ -34,7 +38,12 @@ export class AppModule {}
3438
Add the lottie component to your template:
3539

3640
```html
37-
<fiv-lottie [params]="lottieParams" [width]="250" [height]="250" (animationCreated)=onAnimationCreated($event)></fiv-lottie>
41+
<fiv-lottie
42+
[params]="lottieParams"
43+
[width]="250"
44+
[height]="250"
45+
(animationCreated)="onAnimationCreated($event)"
46+
></fiv-lottie>
3847
```
3948

4049
You need to setup the `lottieParams` in your component:
@@ -46,10 +55,9 @@ import { LottieAnimation, LottieParams } from '@fivethree/lottie';
4655
Component({
4756
selector: 'app-home',
4857
templateUrl: 'home.page.html',
49-
styleUrls: ['home.page.scss'],
58+
styleUrls: ['home.page.scss']
5059
})
5160
export class HomePage {
52-
5361
lottieParams: LottieParams = {
5462
path: 'assets/lottie/empty_box.json',
5563
renderer: 'canvas',

package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@fivethree/lottie",
3-
"version": "0.2.0",
3+
"version": "0.3.0",
44
"author": "Marc Stammerjohann",
55
"description": "Lottie Animation Angular Component",
66
"keywords": [

projects/lottie/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@fivethree/lottie",
3-
"version": "0.2.0",
3+
"version": "0.3.0",
44
"description": "Lottie Animation Component",
55
"keywords": [
66
"lottie",

0 commit comments

Comments
 (0)