Lottie fr

eQuantic.UI.Lottie

🌐 Cette page en : English · Português · Español · Français · Deutsch

Le paquet eQuantic.UI.Lottie fournit une prise en charge d'animations haute performance avec les formats .lottie et .json via le composant web @dotlottie/player-component.

Installation

Ajoutez le paquet à votre projet et enregistrez le service :

builder.Services.AddUI(options =>
{
    options.UseLottie();
});

Usage de base

Le composant LottiePlayer gère le chargement des assets automatiquement via IRequireAssets.

new LottiePlayer
{
    Src = "https://assets.lottiefiles.com/animation.json",
    Autoplay = true,
    Loop = true,
    Width = "300px"
}

Prise en charge de dotLottie

Il est recommandé d'utiliser le format .dotlottie pour des fichiers plus petits et de meilleures performances.

new LottiePlayer
{
    Src = "https://example.com/animation.lottie",
    Height = "400px",
    Controls = true
}

Propriétés

Propriété	Type	Description
Src	string	URL du fichier d'animation (.json ou .dotlottie).
Autoplay	bool	Démarre l'animation automatiquement. Par défaut : true.
Loop	bool	Joue l'animation en boucle. Par défaut : true.
Speed	double	Multiplicateur de vitesse de lecture. Par défaut : 1.
Background	string	Couleur de fond. Par défaut : transparent.
Width	string?	La propriété CSS width.
Height	string?	La propriété CSS height.
Controls	bool	Affiche l'interface de contrôles native du lecteur.