Avatar

An avatar is a component that renders an raster image as an Avatar.

Styling Properties

It:

  • inherits all attributes of the image component
  • has the size property that will enforce the equality width==height
  • will position the image in the center with the cover styling property
  • will have a rounded circle as border.

Syntax

The same syntax can be applied as the image component with the addition of the size attribute.

jsx
<Avatar src="avatar.png" alt="Required Alt" size="150"/>

It is registered as a markdown component so you can use it in Markdown.

Demo:

Required Alt