Timer - Kitchen Sink

기본 사용

기본 타이머 (D-3, 시간, 할인 범위 모두 표시)

D-3

21 32 59

1.2~1.4

          <Timer days=3
          hours=21
          minutes=32
          seconds=59
          discountMin=1.2
          discountMax=1.4
          />
        

할인 범위 없이 사용

할인 범위 props를 전달하지 않으면 자동으로 숨김

D-5

12 30 45

          <Timer days=5
          hours=12
          minutes=30
          seconds=45
          />
        

D-3 영역 숨기기

days prop을 전달하지 않으면 D-3 영역 자동 숨김

08 15 30

2~3.5

          <Timer hours=8
          minutes=15
          seconds=30
          discountMin=2
          discountMax=3.5
          />
        

다양한 값 예시

1일 미만 (시간만 표시)

D-0

05 30 15

1.5~2

          <Timer days=0
          hours=5
          minutes=30
          seconds=15
          discountMin=1.5
          discountMax=2
          />
        

큰 값 (10일 이상)

D-15

23 59 59

3~5

          <Timer days=15
          hours=23
          minutes=59
          seconds=59
          discountMin=3
          discountMax=5
          />
        

Props

Prop	Type	Default	Description
`days`	number	-	남은 일수 (예: 3, 값이 없으면 표시 안 함)
`hours`	number	-	남은 시간 (예: 21, 0-23)
`minutes`	number	-	남은 분 (예: 32, 0-59)
`seconds`	number	-	남은 초 (예: 59, 0-59)
`discountMin`	number	-	할인 최소값 (값이 없으면 표시 안 함)
`discountMax`	number	-	할인 최대값 (값이 없으면 표시 안 함)
`class`	string	-	추가 클래스 (확장성)