Komponen / Form & input
Stepper
Menambah/mengurangi angka kecil: qty lisensi, jumlah termin, durasi kontrak. Field angka dengan kotak panah naik/turun ala macOS; tetap bisa diketik langsung.
Kapan dipakai
Gunakan
- Pakai untuk bilangan bulat kecil yang biasanya berubah sedikit demi sedikit: qty lisensi, jumlah termin, durasi kontrak (bulan).
- Selalu tetapkan `min` (dan `max` bila ada) agar panah nonaktif di batas, dan sebut batasnya di helperText.
- Tambahkan `suffix` satuan bila angka bisa ambigu ("12 bulan", bukan "12").
Hindari
- Jangan memakai Stepper untuk nominal uang atau angka besar — pakai AmountInput.
- Jangan memakai Stepper untuk memilih dari daftar nilai tertentu (Net 14 / Net 30) — pakai Select.
- Jangan memaksa pengguna mengklik puluhan kali; nilai yang sering jauh dari bawaan lebih cepat diketik.
Contoh benar & salah
Penulisan
- Label menyebut benda yang dihitung: "Qty lisensi", "Jumlah termin" — satuan di `suffix` bila perlu.
- Error menyebut batas dan jalan keluar: "Stok lisensi distributor hanya 20 — kurangi qty atau pecah PO."