Skip to content

Commit

Permalink
0.3.0
Browse files Browse the repository at this point in the history
  • Loading branch information
marcjulian committed Jan 16, 2020
1 parent 1dd860d commit c61c5ac
Show file tree
Hide file tree
Showing 4 changed files with 26 additions and 9 deletions.
9 changes: 9 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,12 @@
# [0.3.0](https://github.com/fivethree-team/lottie/compare/v0.1.0...v0.3.0) (2020-01-16)


### Features

* **ng:** support angular 9 ([1dd860d](https://github.com/fivethree-team/lottie/commit/1dd860d5fc39f5ff03ba8c0b11b33535703c34d7))



# [0.2.0](https://github.com/fivethree-team/lottie/compare/v0.1.0...v0.2.0) (2019-07-26)


Expand Down
22 changes: 15 additions & 7 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,12 @@
[![npm version](https://badge.fury.io/js/%40fivethree%2Flottie.svg)](https://www.npmjs.com/@fivethree/lottie)
[![License](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/fivethree-team/lottie/blob/master/LICENSE)

Lottie Animation Component for Angular 7 or higher.
Lottie Animation Component for Angular 8 or higher.

| Angular | @fivehtree/core |
| ------- | --------------- |
| 8/9 | 0.3.x+ |
| 7 | 0.2.x |

## 📦 Installation

Expand All @@ -15,16 +20,15 @@ yarn add @fivethree/lottie lottie-web
```

## 🔨 Usage

Import the module into your root application module:

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

@NgModule({
imports: [
LottieModule
]
imports: [LottieModule]
})
export class AppModule {}
```
Expand All @@ -34,7 +38,12 @@ export class AppModule {}
Add the lottie component to your template:

```html
<fiv-lottie [params]="lottieParams" [width]="250" [height]="250" (animationCreated)=onAnimationCreated($event)></fiv-lottie>
<fiv-lottie
[params]="lottieParams"
[width]="250"
[height]="250"
(animationCreated)="onAnimationCreated($event)"
></fiv-lottie>
```

You need to setup the `lottieParams` in your component:
Expand All @@ -46,10 +55,9 @@ import { LottieAnimation, LottieParams } from '@fivethree/lottie';
Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
styleUrls: ['home.page.scss']
})
export class HomePage {

lottieParams: LottieParams = {
path: 'assets/lottie/empty_box.json',
renderer: 'canvas',
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@fivethree/lottie",
"version": "0.2.0",
"version": "0.3.0",
"author": "Marc Stammerjohann",
"description": "Lottie Animation Angular Component",
"keywords": [
Expand Down
2 changes: 1 addition & 1 deletion projects/lottie/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@fivethree/lottie",
"version": "0.2.0",
"version": "0.3.0",
"description": "Lottie Animation Component",
"keywords": [
"lottie",
Expand Down

0 comments on commit c61c5ac

Please sign in to comment.