Avatar

Avatar 컴포넌트는 사용자를 나타내는 원입니다.
일반적으로 사용자의 프로필 이미지와 함께 사용됩니다.

Default

기본 Avatar 컴포넌트는 size가 45px이며, 이미지가 없는 경우 기본 이미지가 출력됩니다.

 
  <Avatar />

Usage example

각 속성들을 위와 같이 커스텀하여 사용 가능하며,
그 외 스타일링이 필요한 부분은 tailwind css 문법에 맞게 className의 속성 값으로 적용할 수 있습니다.

 
  <Avatar
    src="https://picsum.photos/300/300" /** 이미지 경로 */
    size={64} /** 원의 크기 */
    ring={true} /** border 유무  */
    ringColor="ring-blue-600" /** ring-원하는색상명 */
    alt="user profile"/** 이미지 설명 */
    className="" /** 추가 스타일링이 필요한 경우 */
  />

Accordion Badge