@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

Property Modifiers Type Description
color string Indicates the Avatar should have a text color.
fill string Indicates the Avatar should have a color fill.
link string Indicates the Avatar should have url link
shape AvatarShape Indicates the Avatar shape should be. By default it will be set to "circle".

Methods

Method Modifiers Description
connectedCallback() Internal