jotis.meRegula

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

PropTipoPor defectoDescripción
itemsobligatoriaAvatarProps[]—Props de cada Avatar. El último puede ser "+N" en initials.
size"xs" · "sm" · "md" · "lg" · "xl" · "2xl"smTamaño de todos los avatares. Por defecto, sm.
classNamestring—

Código

import { AvatarGroup } from "@jotis-me/react";

export default function Page() {
	return (
		<>
			<AvatarGroup items={[{ initials: "AB" }, { initials: "CD" }, { initials: "+3" }]} />
		</>
	);
}