Skip to Content
ComponentsCommunicationCounter LabelOverview

Counter Label

알림, 항목의 개수, 상태를 나타냅니다.

Live Demo

Counter Label
599+100
Size
55
View in Storybook →

Props

PropTypeDefaultDescription
counternumber-CounterLabel 의 숫자를 지정합니다. 음수가 전달되면 Counter Label 은 표시되지 않습니다. (required)
size"small" | "medium""medium"CounterLabel 의 크기를 지정합니다.
disableTooltipboolean-Tooltip 비활성화 여부를 지정합니다.
tooltipContentReactNode-CounterLabel 의 툴팁 내용을 지정합니다. disabledTooltip 이 false 일 경우에는 required prop 입니다.
showPlusboolean-CounterLabel 의 숫자 앞에 + 를 표시할지 여부를 지정합니다.

Anatomy

Counter Label anatomy

  1. Container
  2. Number