Avatar
Avatars represent a user or a team. Stacked avatars represent a group of people.
General
The Avatar contains circle and square.
Bill
Max
Jane
Text
Display text in the avatar box.
BA
ES
MB
WL
ML
TR
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
