Layout Skeleton

Skeleton

The shape of what is loading — a calm beige pulse in its place.

Preview

Card Skeleton

Profile Skeleton

Usage

tsx

import { Skeleton } from "zostel-ui";

<div className="space-y-3">
  <Skeleton className="h-40 w-full rounded-lg" />
  <Skeleton className="h-5 w-3/4" />
  <Skeleton className="h-4 w-1/2" />
</div>

Props

Prop	Type	Default	Description
`className`	`string`	—	More classes, merged with the component’s own (tailwind-merge).

className

Type: string

Default: —

More classes, merged with the component’s own (tailwind-merge).