AvatarGroup
Avatares solapados 8px para mostrar quién participa; el último puede ser "+N".
Cuándo usarlo
Props. items (props de Avatar), size. Cada avatar lleva ring automáticamente.
Ejemplos
ABCDEFGH
Props
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
itemsobligatoria | AvatarProps[] | — | Props de cada Avatar. El último puede ser "+N" en initials. |
size | "xs" · "sm" · "md" · "lg" · "xl" · "2xl" | sm | Tamaño de todos los avatares. Por defecto, sm. |
className | string | — |
Código
import { AvatarGroup } from "@jotis-me/react";
export default function Page() {
return (
<>
<AvatarGroup items={[{ initials: "AB" }, { initials: "CD" }, { initials: "+3" }]} />
</>
);
}---
import { AvatarGroup } from "@jotis-me/react";
---
<AvatarGroup items={[{ initials: "AB" }, { initials: "CD" }, { initials: "+3" }]} />