아바타
개인, 조직, 봇 등 코드 협업 주체를 표현한다. 개인은 circle, 조직과 비인간 주체는 square를 권장한다.
상태
활용 방법
Author
이름이 바로 옆에 반복되면 alt를 빈 문자열로 둔다.
Preview
lyra-dev tsx
<Avatar src={user.avatarUrl} alt="" size={24} /><span>{user.name}</span>
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| src | string | - | 이미지 URL |
| alt | string | - | 필수 대체 텍스트. 인접 이름과 중복이면 빈 문자열 |
| size | 16 | 20 | 24 | 28 | 32 | 40 | 48 | 64 | 32 | |
| shape | "circle" | "square" | "circle" |