# j-Pin

> Egyszerű PIN készülék.

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

Egyszerű PIN készülék.


__konfiguráció__:

- `count {Number}` a PIN-bejegyzések számát (default: `6`)
- A `required {Boolean}` lehetővé teszi a „követelt” (default: `false`)
- A `disabled {Boolean}`-t a vezérlés kiküszöbölheti
- `hide` {Boolean} megakadályozza a számok megjelenítését (default: `false`)
- A `mask {Boolean}` eltávolítja a maszkot (default: `true`)
- __NEW__ `exec {String}` egy út a `function(pin)`
- __NEW__ `allowpaste {Boolean}` lehetővé teszi a pin rögzítését (default: `true`)

__Jó tudni__:

- Az érték nélküli bevitele teremt egy helyet
- várhatóan `String`

__módszerek__:

- A `component.focus()` az első bevitelt tartalmazza

Használja a `<ui-component name="pin">`Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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