Basic usage


<vcf-avatar-item></vcf-avatar-item>

Providing name

JD 

<vcf-avatar-item name="John Doe"></vcf-avatar-item>

Providing abbreviation

ST 

<!-- Note that providing "abbr" will override "name" attribute -->
<vcf-avatar-item abbr="ST"></vcf-avatar-item>

Providing image

JD Jane Doe 

<!--
  Note that providing "image" will override both "name" and "abbr" attributes.
  If provided, the "name" attribute will be used as "alt" attribute of the image.
-->
<vcf-avatar-item image="https://randomuser.me/api/portraits/women/5.jpg" name="Jane Doe"></vcf-avatar-item>