Skeleton

Use to show a placeholder while content is loading.

Preview

Code

Installation

CLI

Manual

npx shadcn@latest add @kanpeki/skeleton

import { Skeleton } from "~/components/ui/skeleton";

<Skeleton className="w-[100px] h-[20px] rounded-full" />

Preview

Code

Prop	Type	Default
`className`	`string`

On This Page

Contribute