Avatar
Avatars represent a user or a team. Stacked avatars represent a group of people.
General
The Avatar contains circle and square.
Text
Display text in the avatar box.
Group
Multiple avatars can overlap and stack together.
APIs
Avatar.Props
| Attribute | Description | Type | Accepted values | Default |
|---|---|---|---|---|
| src | image src | string | - | - |
| stacked | stacked display group | boolean | - | false |
| text | display text when image is missing | string | - | - |
| isSquare | avatar shape | boolean | - | false |
| ... | native props | ImgHTMLAttributes | 'alt', 'crossOrigin', 'className', ... | - |
Avatar.Group.Props
| Attribute | Description | Type | Accepted values | Default |
|---|---|---|---|---|
| count | show total members | number | - | - |
| ... | native props | HTMLAttributes | 'id', 'name', 'className', ... | - |
Next
Badge
MADE & DESIGNED WITHBY BRUNO ANDRADE
