A
Auralix UI

Skeleton

Loading placeholder for content that is still loading.

Preview

Installation

bash
npx auralix-ui add skeleton

Usage

Default Skeleton

tsx
import { Skeleton } from "@/components/ui/Skeleton";

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

Props

NameTypeDefaultDescription
classNamestring-Additional class names.

Variants

Shapes
Cards
Text Block