Reflex custom component for LottieFiles/dotLottie
Project description
LottieFiles
A Reflex custom component for LottieFiles/dotLottie based on @lottiefiles/dotlottie-react.
Installation
PIP
pip install reflex-lottiefiles
Poetry
poetry add reflex-lottiefiles
Usage
Props
Name | Type | Default | Description |
---|---|---|---|
autoplay |
bool |
False |
Auto-starts the animation on load |
loop |
bool |
False |
Determines if the animation should loop |
src |
string |
URL to the animation data (.json or .lottie) | |
data |
string |
Source as string | |
marker |
string |
Named marker | |
speed |
int |
1 |
|
mode |
forward reverse bounce reverse-bounce |
forward |
Animation play mode |
background_color |
string |
Background color of the canvas. A 6-digit or 8-digit hex color string | |
play_on_hover |
bool |
False |
Determines if the animation should play on mouse hover and pause on mouse out |
Sample
from reflex_lottiefiles import LottieFiles
def index():
return LottieFiles(
src="URL",
autoplay=True,
loop=True,
)
See demo code for details.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Close
Hashes for reflex_lottiefiles-0.0.2-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | a286ccd573850bc86ffcafc4dde40e07c2fb14db6c006af33cf5cdc9873dc9d6 |
|
MD5 | acb0d678da11167365f02ea877ed53a4 |
|
BLAKE2b-256 | 9743e1ee901d5982488fb6aaa88009ced583c5b6721ef674c87b56fa4e37f350 |