Loading Indicators with Animated CSS in ASP.NET Core 3.1 Blazor - Part 1

#MicrosoftStack #UdemyCourses #LearnCoding #Promo #Discounts 🚀 🚀

📅 **Valid until March 10, 2024, 22:00 (New Zealand Time)**

🌟 Dive into the world of Microsoft Stack with exclusive $9.99 discounts on these Udemy courses:

This tutorial shows how the default counter component can be modified for asynchronous operations and how it shows a spinner(loader) while the data is being fetched.
The fun part of spinkit are the spinners which are of the following types:
Chase
Circle
CircleFade
Flow
Grid
Plane
Pulse
Swing
Wander
Wave
Bounce
Customization
Spinner Customization
Spinners have three parameters that are used to control their properties: Color (string), Size (string), and Center (bool).
Color: Any valid CSS color value.
All Black
Circle Color="#000000"
Size: Any valid CSS size value. [ px | em | rem | % ]
Pixels
Circle Size="100px"
Center: When set to true the spinner renders with margin: auto

SpinLoader Customization
The SpinLoader Component has the same properties as a Spinner: Color (string), Size (string), and Center (bool). These values will be passed to the SpinLoader's internal spinner if no LoadingTemplate is specified.

The SpinLoader component supports three template regions:

LoadingTemplate (optional) - content to display while the IsLoading property is true.
ContentTemplate - content to display when the IsLoading is false