Skeleton

Used to show a placeholder while content is loading.

Last updated January 1, 1980

CreditsUnchangedPublished

Overview

$ pnpm dlx shadcn@latest add @persianlabsui/skeleton

import { Skeleton } from "@/components/ui/skeleton"
 
export function Example() {
  return <Skeleton className="h-4 w-40" />
}

Prop	Type	Default	Description
className	string	—	Set the size and shape of the placeholder, e.g. h-4 w-40.