co-avatar-group

This content is not available in your language yet.

Apila varios co-avatar superpuestos y colapsa el excedente en una insignia «+N» según max. Los avatares se definen con la propiedad items (array de descriptores); size y shape se propagan a cada uno.

Demo

Ver código

<co-avatar-group size="sm" max="4" items='[{"type":"text","text":"SF","color":"#02A270"},{"type":"text","text":"AA","color":"#2563EB"},{"type":"text","text":"DA","color":"#F32A73"}]'></co-avatar-group>

API

Props

Prop	Atributo	Tipo	Default	Descripción
`interactive`	`interactive`	`boolean`	`false`	Make the whole group a focusable button (role=button, keyboard, coClick).
`items`	—	`CoAvatarGroupItem[]`	`[]`	Avatar descriptors rendered as an overlapping stack.
`label`	`label`	`string \| undefined`	`—`	Accessible label override; when absent it's composed from the items' names.
`max`	`max`	`number`	`4`	Max avatars shown before the remainder collapses into a "+N" badge. `0` = show all.
`shape`	`shape`	`"circle" \| "square"`	`'circle'`	Shape forwarded to every avatar that doesn't set its own.
`size`	`size`	`"lg" \| "md" \| "sm" \| "xl" \| "xs" \| "xxs"`	`'xs'`	Size forwarded to every avatar (and the overflow badge).

Eventos

Evento	Detail	Bubbles	Cancelable	Descripción
`coClick`	`void`	—	✓	Emitted on click / Enter / Space when `interactive`. Does NOT bubble.

Slots

Este componente no expone slots.

CSS Parts

Este componente no expone CSS parts.

CSS Custom Properties

Este componente no expone CSS custom properties.