Skeleton
An animated placeholder for loading states.
Installation
$
Usage
import { Skeleton } from "@/components/ui/skeleton"Examples
Default
import { cn } from "@/registry/lib/utils"
function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
return (
<div
data-slot="skeleton"
className={cn("bg-neutral-200 dark:bg-neutral-800 animate-pulse rounded-md", className)}
{...props}
/>
)
}
export { Skeleton }