Lottie

A lottie is special type of image, usually an animation.

Usage#

If the lottie needs to be on top of everything else, it can be done by using the ModalLottie

Name	Type	Default	Description
`source`	`lottie` file	`undefined`	The lottie file
`speed`	`number`	`1`	The animation speed
`loadingText`	`string`	`undefined`	Text underneath the lottie
`loop`	`boolean`	`undefined`	Make the lottie loop
`cover`	`boolean`	`undefined`	Makes it fullscreen
`stopAnimationAt`	`number`	`undefined`	Resets the animation at the frame
`fromFrame`	`number`	`undefined`	Starts the animation at the frame number
`toFrame`	`number`	`undefined`	stops the animation at the frame number
`progress`	`number`	`undefined`	Current progress for loading bar lottie (or similar)
`autoPlay`	`boolean`	`true`	Auto-play the lottie when it is shown
`playAnimation`	`boolean`	`undefined`	Play/pause the lottie.
`delay`	`number`	`0`	Second to wait before playing the animation
`opacity`	`number`	`undefined`	Transparent / opacity / alpha of the lottie
`scale`	`number`	`undefined`	Multiplier used to scale the lottie
`onAnimationFinish`	function `() => any`	`undefined`	Callback that is called when the animation is finished