JB-Pin-Input

Purejs Pin Input(OTP) Web Component

Easy to use web component to Get Pin Digit From User

Benefits:

• typescript ready
• customizable ui
• dynamic length
• support both persian & english number character

Usage

Since jb-pin-input is a web-component you can use it in pure html site and any JS framework like React, Angular, Vue,... so you have 2 way to using it:

• use npm if your app is nodejs and support it's ecosystem
• add Components's script from CDN

in first way you just have to install jb-pin-input and import it's scripts anyway in app and then use it anywhere with simple HTML Tag <jb-pin-input > </jb-pin-input > read more detail here

in second way just add following script tag in your html and then write <jb-pin-input > </jb-pin-input > tag anywhere in your HTML file

<script src="https://cdn.jsdelivr.net/npm/jb-pin-input/dist/JBPinInput.umd.js"></script>

examples

with auto focus

different char length

different style