Nuxt Avatar - Argon

Create avatar with different styles simply by usingArgonAvatar component.


Demo

Avatar

Props Information

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

Sizes

Avatar
Avatar
Avatar
Avatar
Avatar
Avatar

Variants

Avatar
Avatar
Avatar