Catalog Avatars

<.avatar_group>

ConnieUI.Avatars

Sofie Lindqvist Mikkel Sørensen Anaïs Dubois Johan Berg
+3
HEEx 
<ConnieUI.Avatars.avatar_group size="size-8" limit={4}>
  <:avatar :for={person <- @people}>
    <ConnieUI.Avatars.avatar
      name={person}
      image={Images.avatar(person)}
      size={@controls[:size] || "size-10"}
    />
  </:avatar>
</ConnieUI.Avatars.avatar_group>

Controls

:string
:integer

max avatars shown before a +N overflow badge is added

Docs

A row of avatars, overlapping, each one over the one to its left. Every child is positioned, the `+N` included, so that order holds. A presence dot makes its own avatar positioned, and a positioned element paints over an unpositioned sibling whatever the order says: without this, whoever was here now jumped to the front of the row.
Attribute Type Default Description
size :string "size-10"
limit :integer 5
max avatars shown before a +N overflow badge is added
Slot Slot attributes Description
:avatar