Skip to main content

@microsoft/fast-foundation > Avatar

Avatar class

An Avatar Custom HTML Element

media - Used for media such as an image

  • The default slot for avatar text, commonly a name or initials

badge - Used to provide a badge, such as a status badge

backplate - The wrapping container for the avatar

link - The avatar link

media - The media slot

content - The default slot

Signature:
export declare class Avatar extends FoundationElement 

Properties

PropertyModifiersTypeDescription
colorstringIndicates the Avatar should have a text color.
fillstringIndicates the Avatar should have a color fill.
linkstringIndicates the Avatar should have url link
shapeAvatarShapeIndicates the Avatar shape should be. By default it will be set to "circle".

Methods

MethodModifiersDescription
connectedCallback()Internal