UserAvatarGroup

공통된 사용자를 하나로 묶어 보여주고자 할 때 사용합니다.
TypescriptWAI-ARIA
Anatomy

유저 아바타 그룹을 구성하는 요소를 설명합니다.

AnatomyImage
Rules of Use
  • RulesofUseImage
    Variation

    사용자의 권한에 따라 묶음을 수정하거나 수정할 수 없도록 설정할 수 있습니다.

    Permossion to edit

    사용자가 수정 권한이 있을 경우, 마우스 호버를 통해 사용자를 제거할 수 있습니다. 또한, 사용자 추가 버튼을 클릭하여 원하는 사용자를 추가할 수 있습니다.

    No permission

    사용자가 수정 권한이 없을 경우, 사용자를 제거하거나 추가하는 액션이 제한됩니다.

Import
import { UserAvatarGroup } from '@goorm-dev/vapor-components';
Examples
Props
namedescriptiondefault
size

UserAvatarGroup 컴포넌트의 크기를 지정합니다.

xllgmdsm
md
children

UserAvatarGroup 컴포넌트의 자식 요소를 지정합니다.

ReactNode
className

UserAvatarGroup 컴포넌트의 클래스명을 지정합니다.

string