BlazorPro.Spinkit
1.2.0
A collection of loading indicators animated with CSS for Blazor. Spinkit also includes the SpinLoader component with templates for handling null values during async operations. Spinkit includes CSS from the Spinkit project by Tobias Ahlin https://tobiasahlin.com/spinkit/
Install-Package BlazorPro.Spinkit -Version 1.2.0
dotnet add package BlazorPro.Spinkit --version 1.2.0
<PackageReference Include="BlazorPro.Spinkit" Version="1.2.0" />
paket add BlazorPro.Spinkit --version 1.2.0
#r "nuget: BlazorPro.Spinkit, 1.2.0"
BlazorPro Spinkit
A collection of loading indicators animated with CSS for Blazor. Spinkit also includes the SpinLoader component with templates for handling null values during async operations. Spinkit includes CSS from the Spinkit project by Tobias Ahlin
Getting Setup
You can install the package via the nuget package manager just search for BlazorPro.Spinkit. You can also install via powershell using the following command.
Install-Package BlazorPro.Spinkit
Or via the dotnet CLI.
dotnet add package BlazorPro.Spinkit
1. Add Imports
Add the following to your _Imports.razor
@using BlazorPro.Spinkit
2. Add a spinner component
Add one of the following components to your index page.
<Chase />
<Circle />
<CircleFade />
<Flow />
<Grid />
<Plane />
<Pulse />
<Swing />
<Wander />
<Wave />
<Bounce />
<Fold />
3. Add reference to style sheet
Add the following line to the head
tag of your _Host.cshtml
(Blazor Server) or index.html
(Blazor WebAssembly).
<link href="_content/BlazorPro.Spinkit/spinkit.min.css" rel="stylesheet" />
BlazorPro Spinkit
A collection of loading indicators animated with CSS for Blazor. Spinkit also includes the SpinLoader component with templates for handling null values during async operations. Spinkit includes CSS from the Spinkit project by Tobias Ahlin
Getting Setup
You can install the package via the nuget package manager just search for BlazorPro.Spinkit. You can also install via powershell using the following command.
Install-Package BlazorPro.Spinkit
Or via the dotnet CLI.
dotnet add package BlazorPro.Spinkit
1. Add Imports
Add the following to your _Imports.razor
@using BlazorPro.Spinkit
2. Add a spinner component
Add one of the following components to your index page.
<Chase />
<Circle />
<CircleFade />
<Flow />
<Grid />
<Plane />
<Pulse />
<Swing />
<Wander />
<Wave />
<Bounce />
<Fold />
3. Add reference to style sheet
Add the following line to the head
tag of your _Host.cshtml
(Blazor Server) or index.html
(Blazor WebAssembly).
<link href="_content/BlazorPro.Spinkit/spinkit.min.css" rel="stylesheet" />
Release Notes
1.2 Fixed missing Fold enum
1.1 Updated Blazor dependencies to lastest
1.0 Initial Release
Dependencies
-
.NETStandard 2.1
- BlazorComponentUtilities (>= 1.6.0)
- Microsoft.AspNetCore.Components (>= 3.1.2)
- Microsoft.AspNetCore.Components.Web (>= 3.1.2)
Used By
NuGet packages (1)
Showing the top 1 NuGet packages that depend on BlazorPro.Spinkit:
Package | Downloads |
---|---|
Kraken.Domain
Basis for the core layer of the Kraken Framework
|
GitHub repositories (2)
Showing the top 2 popular GitHub repositories that depend on BlazorPro.Spinkit:
Repository | Stars |
---|---|
isaacrlevin/presencelight
PresenceLight is a solution to broadcast your various statuses to a Phillips Hue or LIFX light bulb.
|
|
CuriousDrive/BookStores
Getting started templates for ASP.NET Core Web API + EF Core back end
|