# j-Pin

> Un simple PIN.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: fr
Content-SHA256: 4849714f3e2930bcf6085771441df80a0ce7cba722d17ad14f2095d39f5e45e0
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

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.

```html example.html
<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>
```