Feedback
Skeleton
Quiet loading placeholder.
pnpm dlx shadcn@latest add @paragon/skeletonBrings incn
registry/paragon/ui/skeleton.tsx
import { cn } from "cn"
function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
return (
<div
data-slot="skeleton"
className={cn("animate-pulse rounded-[0.5rem] bg-foreground/6 motion-reduce:animate-none", className)}
{...props}
/>
)
}
export { Skeleton }