Avatar

Avatar can get props that will define the appearance and behavior of the component.

  • text - Required. The text that would be rendered, or be used as alt-text for the img.
  • src - Optional. The source for the image to be rendered.
  • size - Optional. Defaults to SIZE.LARGE. Can be one of the sizes (SIZE) defined on the component.
  • shape - Optional. Defaults to SHAPE.ROUND. Can be one of the shapes (SHAPE) defined on the component.

Rounded With Text

S
S
S
S
S
S

Squared With Text

S
S
S
S
S
S

Rounded With Image

Swimm
Swimm
Swimm
Swimm
Swimm
Swimm

Squared With Image

Swimm
Swimm
Swimm
Swimm
Swimm
Swimm

API

Props

NameDescriptionTypeDefault
textstring
srcstring''
sizestringSIZE.LARGE
shapestringSHAPE.ROUND