Loading: Blazor loading component

Examples

Type picks the animation; Color tints it with any theme colour.

website/Examples/Feedback/LoadingTypesExample.razor Source

Size covers small to large; SizeOverride takes loading-xs or loading-xl for the extremes.

website/Examples/Feedback/LoadingSizesExample.razor Source

Next to a line of text, or centred in the space the content will fill.

Fetching invoices from the archive…

website/Examples/Feedback/LoadingInlineExample.razor Source

Type LoadingType

Size Size

Color Color

SizeOverride

<Loading
         Type="LoadingType.Bars"
         Size="Size.Large"
         Color="Color.Primary" />

DaisyBlazor

AriaLabel string
= null
Accessible name announced by the role="status" indicator. Null uses the app-wide Strings.
Color Color
= Color.Default
Semantic color applied as a Tailwind text-* utility (e.g. Color.Primary → "text-primary").
Size Size
= Size.Medium
Size of the indicator using the standard Size enum (Small → loading-sm, Medium → loading-md, Large → loading-lg). For xs or xl pass SizeOverride instead.
SizeOverride string
= null
Raw daisyUI size token when xs or xl is needed ("loading-xs" or "loading-xl"). When set, takes precedence over Size.
Type LoadingType
= LoadingType.Spinner
Animation style of the loading indicator.
Class string
= null
Additional CSS classes merged onto the loading element.
Style string
= null
Inline styles applied to the loading element.

Name	Type	Default	Description
AriaLabel	string	null	Accessible name announced by the role="status" indicator. Null uses the app-wide Strings.
Color	Color	Color.Default	Semantic color applied as a Tailwind text-* utility (e.g. Color.Primary → "text-primary").
Size	Size	Size.Medium	Size of the indicator using the standard Size enum (Small → loading-sm, Medium → loading-md, Large → loading-lg). For xs or xl pass SizeOverride instead.
SizeOverride	string	null	Raw daisyUI size token when xs or xl is needed ("loading-xs" or "loading-xl"). When set, takes precedence over Size.
Type	LoadingType	LoadingType.Spinner	Animation style of the loading indicator.
Class	string	null	Additional CSS classes merged onto the loading element.
Style	string	null	Inline styles applied to the loading element.