Avatar

The Avatar allows you to display user avatars or profile images in a consistent and visually appealing manner.

Image Avatar

Avatar 1
Avatar 2
Avatar 3

Name Avatar

MB
EJ
J

Group Avatar

Avatar 1
Avatar 2
Avatar 3

Props

Explore the available props for the Avatar component

PropTypeDefaultDescription
srcstring-Image src or link.
altTextstring-Alternative text for Avatar.
namestring-Name of the profile or avatar.
stylestring-Any CSS className to style the Avatar.
imageStylestring-Any CSS className to style the image.
variantnumber"1"Variant of the accordion
onClickjavascript Event-onClick event for the Avatar

Explore the available props for the AvatarGroup component

PropTypeDefaultDescription
childrennode-Child components and content to be placed within it.
stylestring-Any CSS className to style the Avatar.