Avatar

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

Standard

The Avatar contains circle and square.

Sizes

You can specify different sizes of Avatar.

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--
sizeavatar sizestring / number'mini', 'small', 'medium', 'large', numbermedium
isSquareavatar shapeboolean-false
...native propsImgHTMLAttributes'alt', 'crossOrigin', 'className', ...-

Avatar.Group.Props

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

Co-Creators