아바타 그룹
Betelgeuse 의 아바타 그룹은 여러 식별자를 겹친 배지 묶음으로 압축하고 남은 수를 강한 색면으로 드러낸다.
상태
NOP
NO+2
활용 방법
팀 표시
제한된 공간에서 참여자를 겹쳐 표시하고 초과 인원을 숫자로 요약한다.
Preview
NOP+1
tsx
<AvatarGroup avatars={avatars} max={3} size="lg" />
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| avatars | AvatarItem[] | - | 표시할 이름과 이미지 |
| max | number | 4 | 직접 표시할 최대 인원 |
| size | "sm" | "md" | "lg" | "md" | 아바타 크기 |
| className | string | - | 그룹 루트 스타일 |