Lumeo

Spinner

A loading spinner indicator with multiple sizes.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

Usage

@using Lumeo

<Spinner />

When to Use

Loading indicators while data is being fetched
Button loading state during form submission or async operations
Inline loading feedback for sections of a page that update independently
Any short-duration wait where a full skeleton layout is unnecessary

Sizes

Small

Default

Large

With Text

Loading...

In a Button

Variant — interactive

Pick a variant to see it applied live.

Ring variant

All Variants

Ring

Dots

Bars

Parameter Coverage

Every Size and SpinnerVariant value rendered live.

Size

Xs

Sm

Md

Lg

Xl

Xxl

Xxs

SpinnerVariant

Ring

Dots

Bars

API Reference

Spinner

Progress — Determinate progress bar when the completion percentage is known
Skeleton — Placeholder layout shimmer for content-heavy loading states
Button — Embed a Spinner inside a disabled button for submit loading state