Saltearse al contenido

OrbitAvatarGroup

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).

Uso

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

<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>

Props

PropTipoDefaultDescripción
initials (Kotlin) / hijos <orbit-avatar> (web)List<String>Los avatares del grupo.
maxInt / attr max4Cuántos mostrar antes de colapsar en “+N”.
size (Kotlin) / custom property --avatar-size (web)Dp / css length36.dp / 36pxTamaño de cada avatar.