Avatar
Display

Avatar.

Profile initials or an image with consistent sizes.

Real interactive component
Live demo
LRI

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

3 props
ParameterTypeRequiredDefaultPossible valuesDescription
namestringYes——Display name; the initial is used without an image.
srcstringNo——URL of the avatar image.
size"sm" | "md" | "lg"Nomdsm · md · lgAvatar dimensions.