how to use lottie animation in react code example
Example: lootie file in react
import React from 'react';
import Lottie from 'react-lottie';
import animationData from './lotties/kiss-of-the-heart';
export default function App() {
const defaultOptions = {
loop: true,
autoplay: true,
animationData: animationData,
rendererSettings: {
preserveAspectRatio: "xMidYMid slice"
}
};
return (
<div>
<Lottie
options={defaultOptions}
height={400}
width={400}
/>
</div>
);
}