# j-Pin

> Un semplice PIN creatore.

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

Un semplice PIN creatore.


__Configurazione__:

- `count {Number}` un numero di input PIN (default: `6`)
- `required {Boolean}` permette “necessario” (default: `false`)
- `disabled {Boolean}` può disattivare questo controllo
- `hide` {Boolean} disabilita la visualizzazione dei numeri (default: `false`)
- `mask {Boolean}` disabilita la maschera (default: `true`)
- __NEW__ `exec {String}` un percorso a `function(pin)`
- __NEW__ `allowpaste {Boolean}` consente il pasto di pin (default: `true`)

__Buono sapere__:

- L'ingresso senza valore crea uno spazio
- Si aspetta il `String`

__Metodi__:

- `component.focus()` si concentra sulla prima input

Utilizzare con `<ui-component name="pin">`Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo `DEF.fallback` (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>
```