Usage

Demonstrates how to embed the Lottie-Svelte Player in your web page.
The following code is a basic example of using Svelte to play an animation.
<!-- App.svelte -->
<script>
import { LottiePlayer } from '@lottiefiles/svelte-lottie-player';
​
let controlsLayout = [
'previousFrame',
'playpause',
'stop',
'nextFrame',
'progress',
'frame',
'loop',
'spacer',
'background',
'snapshot',
'zoom',
'info',
];
</script>
​
<LottiePlayer
src="https://assets2.lottiefiles.com/packages/lf20_wxUJzo.json"
autoplay="{true}"
loop="{true}"
controls="{true}"
renderer="svg"
background="transparent"
height="{600}"
width="{600}"
controlsLayout="{controlsLayout}"
/>
​This example demonstrates playing an animation with the Lottie-Svelte component.