Docs
Avatar
Avatar
Avatars can be used to represent people or objects. It supports images, icons, and text.
SPSPSP
Usage
Example Code
1import { Avatar, AvatarFallback, AvatarImage } from "inc-design-system/avatar";Example Code
1<Avatar>
2 <AvatarImage
3 src="https://xsgames.co/randomusers/assets/avatars/female/0.jpg"
4 alt="userProfile"
5 />
6 <AvatarFallback>SP</AvatarFallback>
7</Avatar>Props
Avatar
AvatarBadge
| Prop | Type | Description | Default |
|---|---|---|---|
| position | 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight' | Specifies the badge's position relative to the avatar. Default is bottomLeft. | 'bottomLeft' |
AvatarGroup
| Prop | Type | Description | Default |
|---|---|---|---|
| limit | number | Specifies the maximum number of avatars to show before showing an overflow indicator. | - |