Docs
Skeleton

Skeleton

Use to show a placeholder while content is loading.

Loading...

Card

Loading...

Usage

Copy and paste the following code into your project.

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 }

Copy and paste the skeleton code into your project.

Card InputLevitate Card