lotti-demo

    0.0.0 • Public • Published

    Lottie Animation Component

    npm version License

    Lottie Animation Wrapper Component for Angular 7 or higher. no ionic support.

    (Originally forked from: fivethree-team/lottie, this fork is independent and can't get updated in front of forked origin )

    📦 Installation

    TBD as ng add soon
     
    npm i @sentinel-one/s1-lottie lottie-web --save

    🔨 Usage

    Import the module into your root application module:

    import { NgModule } from '@angular/core';
    import { LottieModule } from '@sentinel-one/s1-lottie';
     
    @NgModule({
        imports: [
            LottieModule
        ]
    })
    export class AppModule {}

    🦁 Animation

    Add the lottie component to your template:

    <s1-lottie
      [params]="lottieParams"
      [width]="500"
      [height]="500"
      [runOutsideAngular]="false"
      (animationCreated)=onAnimationCreated($event)>
    </s1-lottie>

    You need to setup the lottieParams in your component:

    import { Component } from '@angular/core';
    import { S1LottieConfig } from '@sentinel-one/s1-lottie';
    import {AnimationItem} from 'lottie-web';
     
    Component({
      selector: 'app-home',
      templateUrl: 'home.page.html',
      styleUrls: ['home.page.scss'],
    })
    export class HomePage {
     
      lottieParams: S1LottieConfig = {
        path: 'assets/lottie/empty_box.json',
        renderer: 'canvas',
        loop: true
      };
     
      onAnimationCreated(animation: AnimationItem) {
        animation.play();
        animation.setSpeed(0.8);
      }
    }

    Save your lottie files in the assets folder and change the path param, this way they are copied when building your application.

    Internal: build and publish to npm:

    • To build before publishing run: npm run build:prod:plugin
    • publish from dist/@sentinel-one/lottie (npm publish --access public)

    Keywords

    none

    Install

    npm i lotti-demo

    DownloadsWeekly Downloads

    1

    Version

    0.0.0

    License

    none

    Unpacked Size

    76.4 kB

    Total Files

    49

    Last publish

    Collaborators

    • lironhazan