Name	Description	Default
propertyName*	This is a short description summary	defaultValue
propertyName*	This is a short description summary	defaultValue
propertyName*	This is a short description summary	defaultValue

Avatar

Avatars can be used to represent people or objects. It supports images or letters.

Props are listed at the end of this page.

Imports


import { Avatar } from "artemis-ui";

<Avatar />

<Avatar shape="circle" />

Use the src prop to add image

<Avatar shape="circle" src="https://images.pexels.com/photos/2380794/pexels-photo-2380794.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260" />

<Avatar text="JD" />

provide a string of hex, rgb, hsla in color prop to change color

<Avatar shape="circle" color="#1f35fa" />

<Avatar size="sm" />
<Avatar size="md" />
<Avatar size="lg" />

Name	Description	Default
src	The address of the image for an image avatar or image element string	-
alt	This attribute defines the alternative text describing the image string	"avatar"
text	Alternative text to show if `src` is not provided string	-
shape	The shape of the avatar "square""circle"	-
size	The size of the avatar "sm""md""lg"	-
color	Color of the avatar as a string in case `src` is not used string	-