Avatar
Displays a user profile image or initials.
1npx purekit add avatar
1import Avatar from "@/components/purekit-ui/avatar/avatar"
Basic
Avatar with image source
Fallback
Display initials when image fails
A
Sizes
Different avatar sizes
S
M
L
X
Main Props
| Name | Type | Default | Description |
|---|---|---|---|
src | string | - | Image source URL |
alt | string | 'Avatar' | Alternative text |
fallback | string | - | Fallback initials |
size | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Avatar size |
Class Props
| Name | Type | Default | Description |
|---|---|---|---|
className | string | '' | Additional CSS classes |