Skip to content
🌏 Translated with the assistance of DeepSeek and ChatGPT

Avatar ​

Represents a user's identity.

Basic Usage ​

The Avatar component has empty content.

Image
AI
Hide source code

Avatar Size ​

Use the size prop to set different avatar sizes.

Hide source code

Avatar Shape ​

The avatar can be round or square.

Hide source code

Avatar Border ​

The bordered prop adds a border to the avatar.

Image
Image
Image
Image
Hide source code

API ​

AvatarProps ​

AttributeTypeOptionalDefaultDescriptionVersion
shape'circle' | 'square''True'circle'The shape of the avatar.0.0.3
size'medium' | 'large' | 'small' | numberTrue'medium'The size of the avatar.0.0.3
borderedbooleanTruefalseWhether the avatar has a border.0.0.3
backgroundColorstringTrueThe background color of the avatar. See Supported Color Parsing.0.0.3
borderColorstringTrueThe border color of the avatar. See Supported Color Parsing.0.0.3
pollSizeChangebooleanTruefalseEnables polling for component size changes. This may impact performance.0.1.0

AvatarSlots ​

SlotParameterDescriptionVersion
defaultThe content of the avatar.0.0.3