Controls
2
Feedback
Skeleton
A placeholder block for loading layouts.
Component
26
Import
import { Skeleton } from "@swirski/ui";Playground
Usage
<Grid gap="sm" className="max-w-sm">
<Skeleton className="w-3/4 h-14" />
<Skeleton className="w-full h-14" />
</Grid>Props
| Prop | Type | Default | Notes |
|---|---|---|---|
size | 'sm' | 'md' | 'lg' | "md" | Generated from SkeletonProps. |
tone | 'default' | 'muted' | "default" | Generated from SkeletonProps. |
variant | 'default' | 'text' | "default" | Generated from SkeletonProps. |
className | string | - | Controls the skeleton size and extra styling. |
...divProps | HTMLAttributes<HTMLDivElement> | - | Forwarded to the root div. |