Components
Skeleton
StableAnimated placeholder shown while content is loading. Reduces perceived wait time and prevents layout shift compared to blank areas.
Line
Circle
Block
Card composition
Usage
import { Skeleton } from "@mnee-ui/ui"Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "line" | "circle" | "block" | "line" | Shape of the skeleton — line uses rounded corners, circle is fully rounded, block is rectangular |
| width | string | number | — | CSS width; numbers are treated as pixels |
| height | string | number | — | CSS height; numbers are treated as pixels |
| className | string | — | Additional Tailwind classes (margin, max-width, etc.) |