generated:catalog.entry.avatar.title
generated:catalog.entry.avatar.description
@xngui/components/avatar@xngui/components/avatarchrome:demo.section
chrome:demo.preview
import { Component } from '@angular/core';
import { XAvatar } from '@xngui/components/avatar';
@Component({
selector: 'app-example',
imports: [XAvatar],
templateUrl: './avatar.component.html',
})
export class ExampleComponent {}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-avatar
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
srcstring—Image URL — falls back to initials or default slot when load fails.
altstring''Accessible description of the image.
initialsstring—Fallback initials when `src` is unset or fails to load.
sizeXSize—Visual size tier — falls back to XConfigService when unset.
shapeXAvatarShape'circle'Avatar silhouette — circle or square.