Display
Skeleton
Loading placeholder that mimics content shape. Compose multiple skeletons to match your layout.
LlmSkeletonDemo
Live PreviewReact
jsx
<LlmSkeleton variant="text" />
<LlmSkeleton variant="text" width="60%" />
<LlmSkeleton variant="circular" width="40px" />
<LlmSkeleton variant="rectangular" height="200px" />API (Angular)
| 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
ts
import { LlmSkeleton } from '@atelier-ui/angular';