j-Pin

Un simple PIN.

Configuration :

• count {Number} un nombre d'entrée PIN (defaut : 6)
• required {Boolean} active "obligatoire" (par défaut : false)
• disabled {Boolean} peut désactiver ce contrôle
• hide {Boolean} désactive l'affichage des chiffres (defaut: false)
• mask {Boolean} désactifie la masque (defaut : true)
• NEW exec {String} un chemin vers function(pin)
• NEW allowpaste {Boolean} permet la fixation de pin (defaut: true)

Bon à savoir :

• L'entrée sans valeur crée un espace
• Il s’agit de String

Méthodes :

• Le component.focus() se concentre sur la première entrée

Utilisez-le avec <ui-component name="pin">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

<div style="padding:50px">
	<div style="width:200px">
		<div style="margin-bottom:5px">PIN 1</div>
		<ui-component name="pin" path="pinA" config="count:4"></ui-component>
	</div>
	<br />
	<div style="width:250px">
		<div style="margin-bottom:5px">PIN 2 (hide:true)</div>
		<ui-component name="pin" path="pinB" config="count:5;hide:true"></ui-component>
	</div>
	<br />
	<div style="width:300px">
		<div style="margin-bottom:5px">PIN 3 (visible)</div>
		<ui-component name="pin" path="pinC" config="count:6;mask:false"></ui-component>
	</div>
</div>