When to use
Use avatars wherever people appear, like contacts, chats, comments, and shared items. Initials work when there is no photo, and status dots show who is online.
Props
| Prop | Values | Default | Description |
|---|---|---|---|
--size | px | – | Avatar size. |
--bg | CSS background | gray | Fill. |
data-status | "online" | "away" | "busy" | – | Status dot. |
data-more | boolean | false | The +N avatar in a group. |