SKELETON
Loading placeholder block that animates with a pulsing glow.
PREVIEW
INSTALLATION
USAGE
PROPS
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| className | string | — | Use Tailwind h-* and w-* to control size. |
Loading placeholder block that animates with a pulsing glow.
npx shadcn@latest add @scificn/skeletonimport { Skeleton } from '@scificn/ui'
export function Loading() {
return (
<div className="flex flex-col gap-2">
<Skeleton className="h-4 w-48" />
<Skeleton className="h-4 w-64" />
</div>
)
}| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| className | string | — | Use Tailwind h-* and w-* to control size. |