Animaties

Components.Display.FooksLottie

Lottie

The primary component to display Lottie animations.
  • Use Source to provide an animation.
  • Use Autoplay to start the animation on render, defaults to true.
  • Use Loop to repeat the animation, defaults to false.
 
<FooksLottie Source="/_content/Fooks.Harness.Workbench.UI.Blazor/json/lottie/confetti-hover-pinch.json"
                 Classes="w-128" Loop="true" />
<FooksLottie Source="/_content/Fooks.Harness.Workbench.UI.Blazor/json/lottie/ani3.json"
                 Classes="w-64" />
<FooksLottie Source="/_content/Fooks.Harness.Workbench.UI.Blazor/json/lottie/loader.json"
                 Classes="w-32" />
<FooksLottie Source="/_content/Fooks.Harness.Workbench.UI.Blazor/json/lottie/ani3.json"
                 Classes="w-24" Loop="true" />
<FooksLottie Source="/_content/Fooks.Harness.Workbench.UI.Blazor/json/lottie/confetti-hover-pinch.json"
                 Classes="w-8" />