Avatar

@happeouikit/avatar

yarn add @happeouikit/avatar

Hover Event

Click Event

Click Event without ariaLabel, will throw an error

Initials and user specific background color when thumbnail is not set

Fallback image when user does not have thumbnail or name

Fallback to initials if thumbnail cannot be downloaded

Group icon for groups

Presence

Presence status can also be shown on avatars bigger than size xs with property showPresence.

Emoji Presence

You can pass emojis to be shown inside of the presence status for sizes bigger than xs.

Sizes

Props