Search

Jump to any page.

Feedback

Skeleton

Quiet loading placeholder.

pnpm dlx shadcn@latest add @paragon/skeleton
Brings 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 }