Komponen Input OTP / PIN Verifikasi
Bidang input kode verifikasi multi-digit dengan autofokus cerdas dan navigasi keyboard mulus.
Rikat Declarative / PrimeNG-StyleKomponen input kode sandi sekali pakai ala <p-inputOtp> di PrimeNG. Mendukung autofokus maju saat pengetikan angka, navigasi mundur dengan backspace, mode rahasia (PIN masking), dan deteksi pengisian lengkap secara otomatis.
Kode Verifikasi 4-Digit (SMS / WhatsApp)
<!-- Input OTP 4 Digit Sederhana -->
<l-otp length="4"></l-otp>
Autentikasi Dua Faktor 6-Digit (2FA Email)
<!-- Input OTP 6 Digit untuk Verifikasi Akun / 2FA -->
<l-otp length="6"></l-otp>
Mode PIN Tersamarkan (Masked Password Mode)
<!-- PIN Rahasia Tersamarkan (Masked) -->
<l-otp length="6" mask="true"></l-otp>
Alur Verifikasi Interaktif dengan Validasi Otomatis
Konfirmasi Pembayaran
Ketik sembarang 4 digit (misal: 1234) untuk menguji deteksi selesai:
Menunggu masukan 4 digit...
<!-- Tangkap Event 'complete' Saat Digit Lengkap -->
<l-otp id="interactiveOtp" length="4"></l-otp>
<script>
document.getElementById('interactiveOtp').addEventListener('complete', (e) => {
console.log('Kode OTP Lengkap:', e.detail.value);
// Jalankan verifikasi ke server API
});
</script>