§09-16Forms
ステッパー / spinner
+/− ボタンで数量を一つずつ増減する。
小さな数をキーボードなしで素早く調整できる。カートの個数や人数など、取り得る値が少ない数量入力に向き、大きな数には向かない。
実装のポイント
+/- ボタンと数値入力を同じ値で同期させ、最小値・最大値でクランプする。直接入力は blur 時に正規化し、ボタンには「数量を増やす」などのラベルを付ける。
- 特徴
- 状態管理
- フォーム
- デモで使っているもの
- lucide-react
- ソース
- stepper.tsx