Skeleton/Avatars
Skeleton/Avatars displays circular avatar placeholder shapes at large, medium, small, and extra-small sizes for loading states.
Installation
npx sdaia-ui@latest add skeleton-avatars
Usage
import { SkeletonAvatars } from "@/components/ui/skeleton-avatars"<SkeletonAvatars size="L" />Default
The default skeleton avatar placeholder in large size.
Loading demo: skeleton-avatars-default
Examples
Sizes
Avatar skeleton placeholders in L, M, S, and sm sizes.
Loading demo: skeleton-avatars-sizes
API Reference
Skeleton/Avatars Props
Props for the Skeleton/Avatars component.
Prop | Type | Default | Required |
|---|---|---|---|
size | 'sm' | 'S' | 'M' | 'L' | — | optional |