A
Accueil > Components > Lottie

Lottie

Lottie animationsTagscoreExemples4StylesDisponibles
Default
export const Default = () => <Lottie loop style={{ width: 32, height: 32 }} source={dotsAnimation} />;
Size
export const Size = () => <Lottie loop style={{ width: 60, height: 60 }} source={dotsAnimation} />;
Loop
export const Loop = () => (
<Lottie loop style={{ width: 60, height: 60 }} source={dotsAnimation} onAnimationLoop={console.log} />
);
OneTime
export const OneTime = () => (
<Lottie loop={false} style={{ width: 60, height: 60 }} source={dotsAnimation} onAnimationFinish={console.log} />
);
Alveole UI Kit — v1.8.4