# j-Pin

> Jednoduchý tvorca PIN.

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

Jednoduchý tvorca PIN.


__Konfigurácia__:

- `count {Number}` počet vstupov PIN (predvolené: `6`)
- `required {Boolean}` povolí "povinné" (predvolené: `false`)
- `disabled {Boolean}` môže deaktivovať tento ovládací prvok
- `hide` {Boolean} zakáže zobrazovanie čísel (predvolené: `false`)
- `mask {Boolean}` zakáže masku (predvolené: `true`)
- __NEW__ `exec {String}` cesta k `function(pin)`
- __NEW__ `allowpaste {Boolean}` umožňuje prilepenie špendlíkov (predvolené: `true`)

__Je dobré vedieť__:

- vstup bez hodnoty vytvára medzeru
- očakáva `String`

__Metódy__:

- `component.focus()` zaostrí prvý vstup

Použite ho so `<ui-component name="pin">`. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v `DEF.fallback` (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia 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>
```