Images

<ScAvatar :avatar-id="5"></ScAvatar>
<ScAvatar :avatar-id="5" size="md"></ScAvatar>
<ScAvatar :avatar-id="5" size="lg"></ScAvatar>
<ScAvatar :avatar-id="5" size="_default"></ScAvatar>

<ScAvatar :avatar-id="8" status="online"></ScAvatar>
<ScAvatar :avatar-id="8" size="md" status="away"></ScAvatar>
<ScAvatar :avatar-id="8" size="lg" status="busy"></ScAvatar>

Initials

MR
LO
KT
GW
SB
<ScAvatarInitials initials="mr"></ScAvatarInitials>
<ScAvatarInitials initials="lo" background="md-bg-yellow-200"></ScAvatarInitials>
<ScAvatarInitials initials="kt" background="md-bg-red-500" color="md-color-white"></ScAvatarInitials>
<ScAvatarInitials initials="gw" background="md-bg-light-green-500" color="md-color-white"></ScAvatarInitials>
<ScAvatarInitials initials="sb" background="md-bg-light-blue-500" color="md-color-white"></ScAvatarInitials>

MR
LO
KT
<ScAvatarInitials initials="mr" background="md-bg-blue-grey-100"></ScAvatarInitials>
<ScAvatarInitials initials="lo" background="md-bg-teal-600" color="md-color-white" size="md"></ScAvatarInitials>
<ScAvatarInitials initials="kt" background="md-bg-purple-500" color="md-color-white" size="lg"></AvatarInitials>

Themes

Main Menu