Display

Skeleton

Loading placeholder that mimics content shape. Compose multiple skeletons to match your layout.

LlmSkeleton

Demo

<LlmSkeleton variant="text" />
<LlmSkeleton variant="text" width="60%" />
<LlmSkeleton variant="circular" width="40px" />
<LlmSkeleton variant="rectangular" height="200px" />

API

Prop	Type	Default	Description
`variant`	`'text' \| 'circular' \| 'rectangular'`	`'text'`	Shape of the skeleton
`width`	`string`	`'100%'`	CSS width (e.g. "200px", "60%")
`height`	`string`	`''`	CSS height. Auto per variant if not set.
`animated`	`boolean`	`true`	Enables shimmer animation

Import

import { LlmSkeleton } from '@atelier-ui/react';