Vue Avatar - Material

Create avatar with different styles simply by usingMaterialAvatar component.


Demo

Avatar

Props Information

NameTypeDefaultDescription
img*StringUsed to add image to MaterialAvatar component. It is a required prop.
altStringUsed to add description to MaterialAvatar image.
size'xs''sm''md''lg''xl''xxl'Change the MaterialAvatar size.
borderRadius'sm''md''lg''xl'Used to change the MaterialAvatar border-radius size.
CircularboolfalseUsed to make the MaterialAvatar component circlular,
shadow'none''sm''lg''xl'noneSet a box-shadow for the MaterialAvatar.

Sizes

Avatar
Avatar
Avatar
Avatar
Avatar
Avatar

Variants

Avatar
Avatar
Avatar