showing results for - "lootie file in react"
Ana Sofia
23 Feb 2016
1import React from 'react';
2import Lottie from 'react-lottie';
3import animationData from './lotties/kiss-of-the-heart';
4
5export default function App() {
6  const defaultOptions = {
7      loop: true,
8      autoplay: true,
9      animationData: animationData,
10      rendererSettings: {
11        preserveAspectRatio: "xMidYMid slice"
12      }
13    };
14  
15  return (
16    <div>
17      <Lottie 
18	    options={defaultOptions}
19        height={400}
20        width={400}
21      />
22    </div>
23  );
24}
queries leading to this page
react 3a use lottielottiefiles reactinstall reactjs lottiereact lottiereact lottie usagereact display lottieadd lottier animation to reactlottie and reactbodymovin react componentlottie file reactlottiefiles react tutorialreact lottie reactjslottie files react tutorialreact component for lottilotttie reacthow to import lottie in react applottie next jsinsert lottie animation in reactlottie animations reactreact lottie animationlottie animation reactreact lottie interactivelottie reactlottiefiles in reactjslottie with reactlottie react jslottiefiles reactjslottie react examplehow use lottie in react jscontroling lottie animation frames with reactlotti reactlottie reactjsinstall lottie rectlottie json react jslottie in reacthow to use lottie animation in react jslottie animation react jseact lottielottie animation react propsreact lottie loadingreact import lottielotie file in reactlottie in react jsadd lottie animation react jslotties reactreact lottie loaderreactjs lottielottie animation options reactreact js lottiebodymovin with reactreact lottie examplelottiefiles in reacthow to use lottie animation in reactlottie react jsreact js lottielottiefiles json reactreact lottie replay animationreact lottiefileslottieflies reactjslottie files react jshow to use lottie json in reactuse react js lottielottie animation in react lottie player in reacthow to use preloader lottie in reactjsreact com lotiereact lottie optionsenable different elements of lottie in reactusing lottie files in reactreact lottie animated propslottie react tutoriallottie for reactimport lottiefiles reactjson animation reactyarn add react lottielootie file in react