Avatar

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

Standard

The Avatar contains circle and square.

Text

Display text in the avatar box.

Group

Multiple avatars can overlap and stack together.

APIs / Schnittstellendokumentation

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', ...-