Ignite UI for Web Components

All
  • Public
  • Public/Protected
  • All

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

Constructors

constructor

Properties

alt

alt: string

Alternative text for the image.

initials

initials: string

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

shape

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

The shape of the avatar.

size

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

Determines the size of the component.

src

src: string

The image source to use.

Static styles

styles: CSSResult = styles

Static Readonly tagName

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