Lottie pt BR

eQuantic.UI.Lottie

🌐 Esta página em: English · Português

O pacote eQuantic.UI.Lottie oferece suporte a animações de alta performance usando os formatos .lottie e .json através do web component @dotlottie/player-component.

Instalação

Adicione o pacote ao seu projeto e registre o serviço:

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

Uso básico

O componente LottiePlayer cuida do carregamento dos assets automaticamente via IRequireAssets.

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

Suporte a dotLottie

Recomenda-se usar o formato .dotlottie para arquivos menores e melhor performance.

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

Propriedades

Propriedade	Tipo	Descrição
Src	string	URL do arquivo de animação (.json ou .dotlottie).
Autoplay	bool	Inicia a animação automaticamente. Padrão: true.
Loop	bool	Repete a animação em loop. Padrão: true.
Speed	double	Multiplicador da velocidade de reprodução. Padrão: 1.
Background	string	Cor de fundo. Padrão: transparent.
Width	string?	Propriedade CSS de largura.
Height	string?	Propriedade CSS de altura.
Controls	bool	Mostra a interface nativa de controles do player.