Push badge

새로운 업데이트나 알림이 있음을 시각적으로 알려주기 위해 사용합니다.

Design

Web

iOS

Android

WantedPushBadge

아이콘이나 UI 요소에 붙여 표시되는 Push badge 컴포넌트입니다. Dot, Number, New 타입 중 하나를 선택할 수 있으며, 위치, 사이즈, 색상 등을 설정할 수 있습니다. 새로운 알림, 수량 표시, 강조 용도로 사용할 수 있습니다.

WantedPushBadge(
    variant = PushBadgeVariant.Number,
    count = "5",
    position = PushBadgePosition.TopEnd,
    size = PushBadgeSize.Small,
    modifier = Modifier
)

Advanced

PushBadgeTypes

Push badge Type 클래스입니다. 이 클래스는 Push badge의 표시 유형, 크기, 위치를 정의하는 열거형 클래스들을 포함합니다.

Enum

PushBadgeVariant

값	설명
`Dot`	작은 점 형태의 배지를 표시합니다.
`Number`	숫자 형태로 개수를 표시합니다.
`New`	"N" 텍스트를 통해 새로운 항목을 표시합니다.

PushBadgeSize

값	설명
`XSmall`	가장 작은 크기로 텍스트가 작게 표시됩니다.
`Small`	중간 크기의 배지입니다.
`Medium`	가장 큰 배지로 강조 표시 시 적합합니다.

PushBadgePosition

값	설명
`TopStart`	상단의 좌측 위치입니다.
`TopCenter`	상단의 중앙 위치입니다.
`TopEnd`	상단의 우측 위치입니다.
`MiddleStart`	중앙의 좌측 위치입니다.
`MiddleCenter`	중앙의 중앙 위치입니다.
`MiddleEnd`	중앙의 우측 위치입니다.
`BottomStart`	하단의 좌측 위치입니다.
`BottomCenter`	하단의 중앙 위치입니다.
`BottomEnd`	하단의 우측 위치입니다.