Skeleton
shadcn/uiUse to show a placeholder while content is loading.
Installation
Props
<Skeleton />
Name
Type
className
string
Search for a command to run...
Use to show a placeholder while content is loading.
import { Skeleton } from "@/registry/optics/skeleton";<div className="flex items-center space-x-4"> <Skeleton className="h-12 w-12 rounded-full" /> <div className="space-y-2"> <Skeleton className="h-4 w-[250px]" /> <Skeleton className="h-4 w-[200px]" /> </div></div>import { Skeleton } from "@/registry/optics/skeleton";<div className="flex items-center space-x-4"> <Skeleton className="h-12 w-12 rounded-full" /> <div className="space-y-2"> <Skeleton className="h-4 w-[250px]" /> <Skeleton className="h-4 w-[200px]" /> </div></div>