Avatar

Avatars represent a user or a team. Stacked avatars represent a group of people.

Default

The Avatar contains circle and square.

Text

Display text in the avatar box.

Group

Multiple avatars can overlap and stack together.

APIs

Avatar.Props

AttributeDescriptionTypeAccepted valuesDefault
srcimage srcstring--
stackedstacked display groupboolean-false
textdisplay text when image is missingstring--
isSquareavatar shapeboolean-false
...native propsImgHTMLAttributes'alt', 'crossOrigin', 'className', ...-

Avatar.Group.Props

AttributeDescriptionTypeAccepted valuesDefault
countshow total membersnumber--
...native propsHTMLAttributes'id', 'name', 'className', ...-