components
Installation
Usage
Imports
/components/ui/avatar.tsx
Code
/components/ui/avatar.tsx
Examples
Size
Fallback
Status
Custom Avatar - w/Status
Custom Avatar - w/Badge
Custom Avatar - w/Ring
Rounded - Square
Avatar Group
Props
<Avatar>
| Name | Default | Values |
|---|---|---|
| size | 40 | 162024324048566480 |
| rounded | circle | circlesquare |
| External Reference | - | - |
<AvatarImage>
| Name | Default | Values |
|---|---|---|
| External Reference | - | - |
<AvatarFallback>
| Name | Default | Values |
|---|---|---|
| External Reference | - | - |
<AvatarIndicator>
| Name | Default | Values |
|---|
<AvatarStatus>
| Name | Default | Values |
|---|---|---|
| variant | online | onlineofflinebusyaway |
| size | 40 | 162024324048566480 |
| External Reference | - | - |