# Skeleton

Source: https://lumeo.nativ.sh/components/skeleton

# Skeleton

Displays a placeholder loading animation while content is being fetched.

## Installation

.NET CLI PackageReference Lumeo CLI

dotnet add package Lumeo

One-time app setup (`AddLumeo()`, CSS & JS) is covered in the [installation guide](docs/introduction).

## Usage

@using Lumeo

<Skeleton />

Preview Code

Basic Shapes

Preview Code

Card Skeleton

Preview Code

Profile Skeleton

Preview Code

List Skeleton

Preview Code

Animation — interactive

Pick an animation to see it applied live.

PulseWaveNone

## API Reference

### Skeleton

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.

### SkeletonText / SkeletonCard / SkeletonCircle

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.