Image, Avatar, AvatarGroup 공통 컴포넌트 구현

[dlwl98]

⚙️ PR 타입

• Feature
• Hotfix

✨ 기능 설명 or 🚨 문제 상황

feat: Image 공통 컴포넌트 구현
feat: Avatar 공통 컴포넌트 구현
feat: AvatarGroup 공통 컴포넌트 구현

👨‍💻 구현 내용 or 👍 해결

code

<AvatarGroup
  size={30}
  radius="50%"
  border={`1px solid ${PALETTE.GRAY_400}`}
  overlap={10}
>
  <Avatar src="https://picsum.photos/500" />
  <Avatar src="https://picsum.photos/500" />
  <Avatar src="https://picsum.photos/500" />
  <Avatar src="https://picsum.photos/500" />
  <Avatar src="https://picsum.photos/500" />
</AvatarGroup>

code

import Ball from '@assets/ball.svg';

<Avatar src={Ball} size={100} radius="16px" border="2px solid black" />

🎯 PR 포인트

📝 참고 사항

Image 컴포넌트의 width, height값을 number로 받을 시 내부에서 rem으로 변경됩니다.

❓ 궁금한 점

#23 close
#24 close

[1eecan]

🎉 @dlwl98 님 랜덤 리뷰어로 당첨되셨습니다! 리뷰를 부탁드립니다. 🙏

[1g2g]

고생하셨습니다! LGTM입니다🔥

[1g2g]

👍