Notification Badge
Notification Badge는 사용자에게 읽지 않은 알림이나 상태 변경 정보를 시각적으로 전달하기 위해 사용됩니다.
Figma
DoneReact
DoneTabs 및 Segmented Control의 prop으로 제공
iOS
Not ReadyAndroid
Not Ready스펙
base
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | color | |
| label | color |
size=large
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | minHeight | 18px |
| paddingX | |||
| paddingY | 0px | ||
| cornerRadius | |||
| iconAttachedInsetEnd | 8px | ||
| iconAttachedInsetTop | 14px | ||
| textAttachedGap | 2px | ||
| label | fontSize | ||
| lineHeight | |||
| fontWeight |
size=small
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | size | 6px |
| cornerRadius | |||
| iconAttachedInsetEnd | 7px | ||
| iconAttachedInsetTop | 7px | ||
| textAttachedGap | 2px |
Last updated on