Avatar


Import

Usage

Avatar

avatar

Editable Code

Avatar with Badge

avatar

Editable Code

Avatar Group

avatar
avatar
avatar

Editable Code

Props

Avatar

src

Description

It is used to set the source of the image for the avatar.

Values

Path to the image.

alt

Description

It is used to set the alternate text when image is not available.

Values

Text describing the image.

width

Description

It is used to set the width of the avatar.

Values

String with valid width.

height

Description

It is used to set the height of the avatar.

Values

String with valid height.

badge

Description

It is used to set the badge for the avatar.

Values

Avatar Badge component.

Avatar Badge

width

Description

It is used to set the width of the avatar badge.

Values

String with valid width.

height

Description

It is used to set the height of the avatar badge.

Values

String with valid height.

bottom

Description

It is used to set the position of the avatar badge from the bottom of the avatar.

Values

String with valid value.

right

Description

It is used to set the position of the avatar badge from the right of the avatar.

Values

String with valid value.

color

Description

It is used to set the color of the avatar badge.

Values

primary | secondary | accent | error | warning | success

Note

To learn about customizing the components check this section of the docs.