Vue Avatar - Argon

Create avatar with different styles simply by usingArgonAvatar component.


Demo

Avatar

Props Information

Name Type Default Description
img* String Used to add image to ArgonAvatar component. It is a required prop.
alt String Used to add description to ArgonAvatar image.
borderRadius 'sm''md''lg''xl' Used to change the ArgonAvatar border-radius size.
Circular bool false Used to make the ArgonAvatar component circlular,
size 'xs''sm''md''lg''xl''xxl' md Change the ArgonAvatar size.
shadow 'none''sm''lg''xl' none Set a box-shadow for the ArgonAvatar.

Sizes

Avatar
Avatar
Avatar
Avatar
Avatar
Avatar

Variants

Avatar
Avatar
Avatar
Contents