Basics

Avatars

Represent participants with individual and grouped identities.

Examples

Represent participants with individual and grouped identities.

AWEBLS

Usage and props

Import shared components from @wafm/ui. Keep workflow state and data fetching in the application.

Avatar

<AvatarGroup>
            <Avatar>
              <AvatarFallback>AW</AvatarFallback>
              <AvatarBadge />
            </Avatar>
            <Avatar>
              <AvatarFallback>EB</AvatarFallback>
            </Avatar>
            <Avatar>
              <AvatarFallback>LS</AvatarFallback>
            </Avatar>
            <AvatarGroupCount>+5</AvatarGroupCount>
          </AvatarGroup>

AvatarImage / AvatarFallback: Provide descriptive alt text and a meaningful initials fallback.