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.

@using Lumeo

<Skeleton />

Basic Shapes

Card Skeleton

Profile Skeleton

List Skeleton

Animation — interactive

Pick an animation to see it applied live.

Property	Type	Default	Description
Skeleton is a simple pulsing placeholder element. Use the Class parameter to set width, height, and border-radius.
Animation	SkeletonAnimation	Pulse	Animation style. Values: None, Pulse, Wave.

Property	Type	Default	Description
Lines	int	3	SkeletonText — number of placeholder lines to render.
Animation	SkeletonAnimation	Pulse	Shared by all skeleton variants; controls the placeholder animation.