Avatar

Avatar component is usually used to represent a connected member.

Examples

Small Avatar :

ML

Medium Avatar :

MV

Large Avatar :

EL

Pictured Avatar :

Theme

Props

Name

Type

Default value

Description

bgColor

string

''

The background color of the Avatar. Can be a color value or a color's name from the theme.

bgSrc

string

''

Route to the background's picture.

children

string

''

Content text of the Avatar.

size

enum

'medium'

Defines the size of the component.

title

string

''

Title of the Avatar (useful for accessibility when setting a background image).