수량 스테퍼
줄이기 버튼, 현재 수량과 늘리기 버튼을 세 칸으로 나누어 보여 준다.
상태
min
middle
max
disabled
활용 방법
장바구니 수량
name을 지정하면 현재 수량이 hidden input으로 form에 포함된다.
Preview
tsx
<QuantityStepper name="quantity" defaultValue={2} max={10} />
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| value | number | - | |
| defaultValue | number | 1 | |
| min / max | number | 1 / 99 | |
| onValueChange | (value: number) => void | - |