<ui-avatar>

User avatar with image, initials or icon fallback.

Display · stable · since 2.0.0 · extends _UIElement

Examples

<ui-avatar name="Ada Lovelace"></ui-avatar>
<ui-avatar size="lg"></ui-avatar>

Playground

Generated HTML

Event log

    API

    Attributes and properties

    PropertyAttributeTypeDefaultDescription
    disableddisabledbooleanfalse
    busydata-ui-busybooleanfalse
    srcsrcstring""Image URL.
    namenamestring""Full name used for initials and alt text.
    sizesizestring"md"sm, md or lg.

    Methods

    None.

    Events

    None.

    Slots

    None.

    CSS classes