solid-imask
v7.6.1TypeScript
Solid input mask
0/weekUpdated 1 years agoMITUnpacked: 186.1 KB
Published by Alexey Kryazhev
npm install solid-imaskSolid IMask Plugin
solid-imask
Install
npm install solid-imask
Mask Input Example
``javascript
import { createMaskedInput } from "solid-imask";
const NumberInput = createMaskedInput({
mask: "+{7}(000)000-00-00",
lazy: false, // make placeholder always visible
placeholderChar: "#", // defaults to '_'
});
const App = () => {
return (
console.log({ value, unmaskedValue, typedValue });
console.log(maskRef);
console.log(e);
}}
onComplete={() => console.log("complete")}
>
);
};
`
Mask Directive Example
javascript
import { masked } from "solid-imask";const mask = {
mask: "+{7}(000)000-00-00",
lazy: false, // make placeholder always visible
placeholderChar: "#", // defaults to '_'
};
const App = () => {
return (
mask,
onAccept: ({ value, unmaskedValue, typedValue }, maskRef, e) => {
console.log({ value, unmaskedValue, typedValue });
console.log(maskRef);
console.log(e);
},
onComplete: () => console.log("complete"),
}}
>
use:masked={{
mask,
onAccept: ({ value, unmaskedValue, typedValue }, maskRef, e) => {
console.log({ value, unmaskedValue, typedValue });
console.log(maskRef);
console.log(e);
},
onComplete: () => console.log("complete"),
}}
>
);
};
``