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

Default Avatar with or without some badges

Small Avatars for inputs or similar cases

With ring Avatars for stories

With labels

Avatar Stack

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