import { Skeleton } from '@/components/ui/skeleton'

<div className="flex items-center gap-4">
  <Skeleton className="size-12 rounded-full" />
  <div className="flex flex-col gap-2">
    <Skeleton className="h-4 w-40" />
    <Skeleton className="h-4 w-28" />
  </div>
</div>

<div className="flex flex-col gap-3 w-64 p-4 border rounded-lg">
  <Skeleton className="h-40 w-full rounded-md" />
  <Skeleton className="h-4 w-3/4" />
  <Skeleton className="h-4 w-1/2" />
</div>

npx shadcn@latest add https://solar-ui.com/r/skeleton.json

import * as React from "react"
import { cn } from "@/lib/utils"
 
function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
  return (
    <div
      data-slot="skeleton"
      className={cn("bg-accent animate-pulse rounded-md", className)}
      {...props}
    />
  )
}
export { Skeleton }