Foundations
FoundationsTier 2 · Primitives
Skeleton
A grey block standing in for content that has not arrived.
bunx --bun shadcn@latest add @woohl/skeletonPreview
Reference
Installs this item, its registry dependencies and the token layer.
bunx --bun shadcn@latest add @woohl/skeletonregistry/tier-2-primitives/skeleton.tsx
import type { ComponentProps } from "react";
import { cn } from "@/registry/tier-2-primitives/lib/utils";
/** Placeholder for loading content. Pulses to indicate pending state. */
export function Skeleton({ className, ...props }: ComponentProps<"div">) {
return (
<div
data-slot="skeleton"
aria-hidden
className={cn("bg-surface-sunken animate-pulse rounded-md", className)}
{...props}
/>
);
}
This item exports no props — it is a stylesheet, a helper or a set of constants.
Registry items
npm packages
None beyond React itself.