Components
Avatar
이 문서는 정리 중이에요. 문의 내용은 #_design_core 채널을 찾아주세요.
개요
옵션 테이블 (Avatar)
| 속성 | 값 | 기본값 |
|---|---|---|
| size | 20, 24, 36, 48, 64, 80, 96 |
개요
옵션 테이블 (Avatar Stack)
| 속성 | 값 | 기본값 |
|---|---|---|
| size | 20, 24, 36, 48, 64 |
링크
스펙 (Avatar)
base
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | cornerRadius | |
| strokeColor |
size=20
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | size | 20px |
| strokeWidth | 1px |
size=24
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | size | 24px |
| strokeWidth | 1px | ||
| badgeMask | offset | 14px | |
| size | 12px | ||
| badge | offset | 15px | |
| size | 10px |
size=36
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | size | 36px |
| strokeWidth | 1px | ||
| badgeMask | offset | 20px | |
| size | 18px | ||
| badge | offset | 22px | |
| size | 14px |
size=42
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | size | 42px |
| strokeWidth | 1px | ||
| badgeMask | offset | 24px | |
| size | 20px | ||
| badge | offset | 26px | |
| size | 16px |
size=48
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | size | 48px |
| strokeWidth | 1px | ||
| badgeMask | offset | 28px | |
| size | 22px | ||
| badge | offset | 30px | |
| size | 18px |
size=64
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | size | 64px |
| strokeWidth | 1px | ||
| badgeMask | offset | 40px | |
| size | 26px | ||
| badge | offset | 42px | |
| size | 22px |
size=80
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | size | 80px |
| strokeWidth | 1px | ||
| badgeMask | offset | 52px | |
| size | 32px | ||
| badge | offset | 54px | |
| size | 28px |
size=96
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | size | 96px |
| strokeWidth | 1px | ||
| badgeMask | offset | 62px | |
| size | 38px | ||
| badge | offset | 65px | |
| size | 32px |
스펙 (Avatar Stack)
base
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | item | cornerRadius | |
| strokeColor |
size=20
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | gap | -5px |
| item | strokeWidth | 1px |
size=24
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | gap | -6px |
| item | strokeWidth | 1px |
size=36
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | gap | -8px |
| item | strokeWidth | 2px |
size=42
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | gap | -10px |
| item | strokeWidth | 2px |
size=48
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | gap | -12px |
| item | strokeWidth | 2px |
size=64
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | gap | -16px |
| item | strokeWidth | 3px |
size=80
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | gap | -20px |
| item | strokeWidth | 4px |
size=96
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | gap | -24px |
| item | strokeWidth | 5px |
Last updated on