Particular.Tech
Feedbackui

Skeleton

Placeholder shape while content loads.

Installation

npx shadcn@latest add @particular/skeleton
npm dependencies
  • cn@^0.4.0

Source

ui/skeleton.tsx
import { cn } from "cn"

function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
  return (
    <div
      data-slot="skeleton"
      className={cn("animate-pulse rounded-md bg-muted", className)}
      {...props}
    />
  )
}

export { Skeleton }