@theredhead — Frontend Library - v1.0.0
    Preparing search index...

    Class UIAvatar

    An avatar showing an image, Gravatar, initials, or a fallback icon.

    Resolution order:

    1. Explicit src URL
    2. Gravatar image derived from email
    3. Initials derived from name
    4. Generic silhouette icon
    <ui-avatar src="photo.jpg" name="Jane Doe" />
    <ui-avatar email="jane@example.com" name="Jane Doe" size="large" />
    <ui-avatar name="John Smith" [size]="48" />
    Index

    Constructors

    constructor

    Properties

    ariaLabel email name size src

    Constructors

    • Returns UIAvatar

    Properties

    ariaLabel: InputSignal<string | undefined> = ...

    Accessible label. Falls back to name.

    email: InputSignal<string | undefined> = ...

    Email address used to fetch a Gravatar image.

    The email is trimmed, lower-cased, and SHA-256 hashed per the Gravatar spec. Only used when no explicit src is provided. If the Gravatar service returns 404 the component falls through to initials / fallback icon.

    name: InputSignal<string> = ...

    Name used to derive initials when no image is available.

    size: InputSignal<AvatarSize> = ...

    Size preset or pixel number.

    src: InputSignal<string | undefined> = ...

    Image source URL. Takes precedence over Gravatar.

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties