Avatars

Is a component used to represent a user's profile picture and help identify person.

Default

999+
img
3

Small

With ring

With labels

999+
Max Power
Max
3
MP
M

Avatar Stack

Default

MJ
NS
MT
AL
JS

Different sizes

MJ
NS
MT
AL
JS

Component props

Name
Type
Description
sizeNumberAvatar width and height
radiusNumberNumber value to set border-radius in px
badgeBooleanSpecify if there is a badge
smallBadgeBooleanSpecify if there is a small badge (refers to small avatars)
badgeTextStringSpecify the counter on the badge.
badgeColorStringSpecify the color of the badge if the standard ones do not fit and customization is required.
srcStringImage url
badgeIconNodeAdd an icon to the badge
nameStringFull name, in full or abbreviated form