LivaPinInput
Doğrulama kodu, PIN veya OTP girişleri için hane hane ilerleyen giriş bileşeni. Her haneye tek karakter yazılır; odak otomatik olarak sonraki haneye geçer.
import { LivaPinInput } from "@dataliva/livalib";
Hane sayısı
length prop'u hane sayısını belirler; varsayılan 6'dır.
Hane sayısı (length)
Önizleme yükleniyor…
Kontrollü değer
value ve onValueChanged ile mevcut PIN değeri dışarıdan yönetilebilir.
Kontrollü değer
Önizleme yükleniyor…
Tamamlanma geri çağrımı
Tüm haneler doldurulduğunda onComplete tetiklenir ve tamamlanan PIN'i
string olarak verir.
onComplete geri çağrımı
Önizleme yükleniyor…
Maskeleme
mask girilen karakterleri nokta olarak gösterir; type="number" yalnızca
rakam girişine izin verir.
Maskeleme ve sayısal tip
Önizleme yükleniyor…
| Prop | Tip | Varsayılan |
|---|---|---|
length | number | 6 |
value | string | '' |
onValueChanged | (value: string) => void | — |
onComplete | (pin: string) => void | — |
type | 'text' | 'number' | 'password' | 'text' |
mask | boolean | false |
placeholder | string | '' |
autoFocus | boolean | false |
disabled | boolean | false |
className | string | '' |