Class IgcAvatarComponent

An avatar component is used as a representation of a user identity typically in a user profile.

element

igc-avatar

slot
  • Renders an icon inside the default slot.
csspart

base - The base wrapper of the avatar.

csspart

initials - The initials wrapper of the avatar.

csspart

image - The image wrapper of the avatar.

csspart

icon - The icon wrapper of the avatar.

Hierarchy

  • SizableInterface<this> & LitElement<this>
    • IgcAvatarComponent

Index

Constructors

Properties

alt: string

Alternative text for the image.

initials: string

Initials to use as a fallback when no image is available.

shape: "square" | "circle" | "rounded" = 'square'

The shape of the avatar.

size: "small" | "medium" | "large"

Determines the size of the component.

src: string

The image source to use.

styles: CSSResult = styles
tagName: "igc-avatar" = 'igc-avatar'