Web Component: j-Pin

  • Info
  • HTML
  • JS
  • CSS
  • Meta


A simple PIN maker.


  • count {Number} a count of PIN inputs (default: 6)
  • required {Boolean} enables "required" (default: false)
  • disabled {Boolean} can disabled this control
  • hide {Boolean} disables displaying of numbers (default: false)
  • mask {Boolean} disables the mask (default: true)
  • NEW exec {String} a path to function(pin)
  • NEW allowpaste {Boolean} enables pin pasting (default: true)

Good to know:

  • input with no value creates a space
  • it expects String


  • component.focus() focuses the first input