Lumeo

Skeleton

Displays a placeholder loading animation while content is being fetched.

Installation

dotnet add package Lumeo

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

Usage

@using Lumeo

<Skeleton />

Pick an animation to see it applied live.

API Reference

Skeleton

Skeleton is a simple pulsing placeholder element. Use the Class parameter to set width, height, and border-radius.

SkeletonText

SkeletonCard

SkeletonCircle

SkeletonCircle is the only variant with its own AriaLabel — SkeletonText and SkeletonCard don't render their own role="status", so they don't expose it.