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