Skeleton Component

Variants

Without Animation

Content Placeholder

Usage Examples

Basic Skeleton Variants

import { Skeleton } from "@/components/skeleton";

<Skeleton variant="circular" width={40} height={40} />
<Skeleton variant="rectangular" width={200} height={100} />
<Skeleton variant="text" width={100} height={16} />

Skeleton with Custom Dimensions

<Skeleton variant="rectangular" width="100%" height={200} />

Skeleton without Animation

<Skeleton variant="circular" width={40} height={40} animated={false} />
<Skeleton variant="rectangular" width={200} height={100} animated={false} />