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.
1
<SkeletonAvatar size="L" />Examples
Sizes
Avatar skeleton placeholders in L, M, S, and sm sizes.
Loading preview…
1
<SkeletonAvatar size="L" />2
<SkeletonAvatar size="M" />3
<SkeletonAvatar size="S" />4
<SkeletonAvatar size="sm" />API Reference
Skeleton/Avatars Props
Props for the Skeleton/Avatars component.
Prop | Type | Default | Required |
|---|---|---|---|
size | 'sm' | 'S' | 'M' | 'L' | — | optional |