Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

svelte-pin

rebotak18MIT1.0.3

Input masking component for Svelte

svelte, pin, input, mask, svelte-component, svelte-pin, svelte-pin-input, svelte-input-mask, svelte-mask-input, svelte-text-mask, svelte-input

readme

Masked PIN input components for svelte.

see the demo

Install:


npm i -s svelte-pin

Usage:


<script>

import PinInput from 'svelte-pin';

let value;

</script>



<PinInput size={6} bind:pin={value} />

<h1>PIN: {value}</h1>


Props:

Prop Default value Description
pin '' Value of the input. need to bind to component's variable
size 6 Length of the pin input