Skip to main content

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


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

reflex_lottiefiles-0.0.2.tar.gz (6.7 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

reflex_lottiefiles-0.0.2-py3-none-any.whl (7.2 kB view details)

Uploaded Python 3

File details

Details for the file reflex_lottiefiles-0.0.2.tar.gz.

File metadata

  • Download URL: reflex_lottiefiles-0.0.2.tar.gz
  • Upload date:
  • Size: 6.7 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/5.1.1 CPython/3.11.2

File hashes

Hashes for reflex_lottiefiles-0.0.2.tar.gz
Algorithm Hash digest
SHA256 ae283395a0e8958155db29502d7d4323249aab8e83166e6ae7a3806eedc211ca
MD5 96601e7b4686fb1c0138cd6b5812c95f
BLAKE2b-256 aae40e1b978acbb5124522c39f18dec7924e024783500f0911131abf49bc7414

See more details on using hashes here.

File details

Details for the file reflex_lottiefiles-0.0.2-py3-none-any.whl.

File metadata

File hashes

Hashes for reflex_lottiefiles-0.0.2-py3-none-any.whl
Algorithm Hash digest
SHA256 a286ccd573850bc86ffcafc4dde40e07c2fb14db6c006af33cf5cdc9873dc9d6
MD5 acb0d678da11167365f02ea877ed53a4
BLAKE2b-256 9743e1ee901d5982488fb6aaa88009ced583c5b6721ef674c87b56fa4e37f350

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page