# j-Pin

> Jednoduchý PIN maker.

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

Jednoduchý PIN maker.


__Konfigurace__:

- `count {Number}` počet PIN vstupů (předvolené: `6`)
- `required {Boolean}` umožňuje „potřebné“ (předvolené: `false`)
- `disabled {Boolean}` může tuto kontrolu deaktivovat
- `hide` {Boolean} znemožňuje zobrazování čísel (podmínkou: `false`)
- `mask {Boolean}` deaktivuje masku (přesněji řečeno: `true`)
- __NEW__ `exec {String}` cesta k `function(pin)`
- __NEW__ `allowpaste {Boolean}` umožňuje pastování pinů (předvolené: `true`)

__Dobré vědět__:

- Vstup bez hodnoty vytváří prostor
- To očekává `String`

__Metody__:

- `component.focus()` se zaměřuje na první vstup

Použijte ji s `<ui-component name="pin">`Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy `DEF.fallback` a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

```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>
```