쿠폰 입력
쿠폰 코드 입력란과 적용 버튼을 나란히 배치한다.
상태
empty
filled
disabled
활용 방법
결제 할인
onApply는 앞뒤 공백을 제거한 쿠폰 코드를 전달한다.
Preview
tsx
<CouponInput label="할인 코드" onApply={(code) => applyCoupon(code)} />
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| value / defaultValue | string | - | |
| name | string | - | |
| onValueChange | (value: string) => void | - | |
| onApply | (value: string) => void | - | |
| controlClassName | string | - |