@mozaic-ds/vue
Version:
Mozaic-Vue is the Vue.js implementation of ADEO Design system
17 lines (10 loc) • 788 B
Markdown
# MAvatar
An avatar is a graphical representation of a user, entity, or group, commonly displayed as an image, initials, or an icon. It helps identify individuals or accounts in profiles, comments, chat interfaces, and user lists. Avatars can be customized with different styles, sizes, and fallback options (such as initials or placeholders) to ensure consistency and recognition across interfaces. When multiple users are represented, Avatar groups provide a compact way to display them collectively.
## Props
| Name | Description | Type | Default |
| --- | --- | --- | --- |
| `size` | Allows to define the avatar size. | `"s"` `"m"` `"l"` | `"s"` |
## Slots
| Name | Description |
| --- | --- |
| `default` | Use this slot to insert the image, icon or intials of the avatar. |