Animated illustrations
How to use our animated illustrations in code.
Installation
Our animated illustrations are published as a separate package. The animations are exposed as
Lottie files, so you will also need to install a library
such as lottie-react
in order to use them.
pnpm add @pleo-io/telescope-animated-illustrations lottie-react
Usage
Once installed, the animations can be imported and used like so:
import Lottie from 'lottie-react' import boat from '@pleo-io/telescope-animated-illustrations/lottie/boat.json' const MyComponent = () => return <Lottie animationData={boat} loop />
Information:
See the documentation for lottie-react for more details.
On this page