Skip to main content

Avatar

Use the Avatar to display a visual representation of a user, showing their profile picture, initials, or a placeholder icon.

AvatarProps

Signature:

export declare type AvatarProps<E extends > = <E, >;

Avatar.Label

You can use the Avatar.Label component to render the whole text describing the Avatar, as shown above.

AvatarLabelProps

extends,
NameTypeDefaultDescription
children

Elements to be displayed in the Avatar Label slot.

Avatar.Subtitle

You can use the Avatar.Subtitle component to render extra information below the Avatar's label, as shown above.

AvatarSubtitleProps

extends,
NameTypeDefaultDescription
children

Elements to be displayed in the Avatar Subtitle slot.

Still have questions?
Find answers in the Dynatrace Community