Skeleton

Placeholder loading animation for content.

Installation

pnpm dlx shadcn@latest add https://ui.vllnt.com/r/skeleton.json

bash

Code

import { cn } from "../../lib/utils";

function Skeleton({
  className,
  ...props
}: React.HTMLAttributes<HTMLDivElement>) {
  return (
    <div
      className={cn("animate-pulse rounded-md bg-muted", className)}
      {...props}
    />
  );
}

export { Skeleton };

typescript