AvatarGroup

Stack de OrbitAvatar superpuestos, el más reciente primero, con un círculo “+N” de overflow una vez que se supera max. Es un wrapper de agrupación, no una familia visual nueva — cada avatar debajo sigue siendo un OrbitAvatar (o el círculo de overflow, estilado igual). Misma escala cerrada de tamaños que OrbitAvatar — se propaga a todos los avatares del grupo por igual, no hay tamaños sueltos por avatar.

Uso

En web son hijos <orbit-avatar> livianos; en Kotlin, una lista de strings.

Web

<orbit-avatar-group max="3">
  <orbit-avatar initials="ES"></orbit-avatar>
  <orbit-avatar initials="JD"></orbit-avatar>
  <orbit-avatar initials="AM"></orbit-avatar>
  <orbit-avatar initials="RL"></orbit-avatar>
  <orbit-avatar initials="TK"></orbit-avatar>
</orbit-avatar-group>

Compose Multiplatform

OrbitAvatarGroup(
    initials = listOf("ES", "JD", "AM", "RL", "TK"),
    max = 3,
)

Tamaños

Web

<orbit-avatar-group max="3" size="xs">...</orbit-avatar-group>
<!-- xs | sm | md | lg | xl -->

Compose Multiplatform

OrbitAvatarGroup(initials = listOf(...), max = 3, size = OrbitAvatarSize.Xs)

Props

Prop	Tipo	Default	Descripción
initials (Kotlin) / hijos <orbit-avatar> (web)	List<String>	—	Los avatares del grupo.
max	Int / attr max	4	Cuántos mostrar antes de colapsar en “+N”.
size	OrbitAvatarSize (Kotlin) / "xs" | "sm" | "md" | "lg" | "xl" (web)	Md / "md"	Tamaño de cada avatar — misma escala que OrbitAvatar.