List skeleton
Installation
Usage
import { Skeleton, SkeletonCard, SkeletonList } from "@/components/pioneerui/skeleton-card"
// Low-level primitive
function Loading() {
return <Skeleton className="h-4 w-32" />
}
// Pre-built card skeleton
function CardLoading() {
return <SkeletonCard />
}
// Pre-built list skeleton
function ListLoading() {
return <SkeletonList rows={5} />
}Components
| Component | Description |
|---|---|
Skeleton | Base shimmer primitive — use for custom layouts |
SkeletonCard | Full card skeleton with avatar, image, and text rows |
SkeletonList | Repeating list rows with avatar and text |
Props — SkeletonList
| Prop | Type | Default | Description |
|---|---|---|---|
rows | number | 5 | Number of list rows |