svelte-imask

IMask input component and action for Svelte 3. demo

Usage

Install with npm or yarn:

``bash
npm install --save svelte-imask
`

Parameters

Any options of imask can be passed to action as options or MaskedComponent via options prop.

Then import MaskedInput component to your Svelte app. options prop will be passed to imask action. Any other props will be assigned to input element itself.

`html

bind:value={tel}
options={options}
on:complete={complete}
name="phone"
type="tel"
/>



`

OR import imask action to get full control.

`html

use:imask={options}
on:accept={accept}
on:complete={complete}
name="phone"
type="tel"
>



`

Events

- accept - event fires on input when the value has changed (imask instance in event.detail)
- complete - event fires when the value is completely filled (imask instance in event.detail`)

License

MIT © PaulMaly