Input mask for React, Angular, Ember, Vue, & plain JavaScript

Overview

Text Mask

⚠️ This library is not maintained. Pull-requests and issues are not monitored. Alternatives to text-mask include:

If you know other alternatives that should be listed here, email me at [email protected].


Build Status

Text Mask is an input mask library. It can create input masks for phone, date, currency, zip code, percentage, email, and literally anything!

There are convenient wrappers for React, Angular 2, Ember, and Vue.

Live demo

See it in action, check out the demo page.

Installation and usage

Expected to work with...

IE9+, Android, Samsung Internet, Windows Phone, iOS, Opera, Firefox, Safari, and Chrome

Flexible

Text Mask is very configurable and allows you to create any type of input mask with minimal APIs. See the documentation for details.

Extendable

You can easily expand the base functionality of Text Mask with addons for more mask types. Checkout existing addons.

Robust

Text Mask supports pasting, browser auto-fill, and all operations that a user would expect while interacting with an input field.

It works on mobile, has no 3rd party dependencies, and has a tiny footprint (less than 4KB gzipped).

For any questions, suggestions, or feature requests

Please file an issue!

Comments
  • Input takes additional character that appears only in the model

    Input takes additional character that appears only in the model

    This issue possibly only occurs with Angular 2, I haven't tested with Vanilla JS.

    The mask displays the number of characters correctly, but if you fill all the characters and then add one more, the model will register it even though the mask doesn't show that character. You can only add one additional character, and it's usually the last character you type.

    So lets say our mask takes 4 digit number, and I enter 1234. If I type 5 the model will be 12345 and then if I type in any other character (without deleting that invisible 5) it will replace the 5. So if I type in 123456789 the model will read 12349.

    Also, even if we don't type in that extra character, the model will read the following 1234_

    Plunker to test this issue: http://plnkr.co/edit/rYKjK1oQclW2vOFnfIwQ?p=preview

    The Credit card number field has a mask attached to it. Fill in any numbers then press Save. Pressing the Save button will console log the model.

    bug angular2 i don't know how to fix it ionic 
    opened by ihadeed 56
  • Caret position incorrect on android device

    Caret position incorrect on android device

    Initially discovered when compiling for ionic but is apparent on the default browser on an android device. The caret moves incorrectly when passing over mask characters eg. (or ) in the phone number mask.

    To reproduce use the sample website https://text-mask.github.io/text-mask/ and enter numbers for the phone number. Works fine on computer browser and ios.

    help wanted 
    opened by superkew 50
  • Error on new Ionic2 RC0 with AoT compiler

    Error on new Ionic2 RC0 with AoT compiler

    After upgrading ionic2 to RC0 and using AoT compiler this error occurred in build time:

    ngc error: Error: can't find symbol undefined exported from module /home/araz/Desktop/bluedot/node_modules/angular2-text-mask/dist/angular2TextMask.d.ts, resolving symbol AppModule in /home/test/.tmp/app/app.module.ts, resolving symbol AppModule in /home/test/.tmp/app/app.module.ts
    
    bug angular2 i don't know how to fix it 
    opened by jafaripur 42
  • Initial formatted value not set to model

    Initial formatted value not set to model

    Perhaps I am misunderstanding the point of how this component works. So let me explain my scenario and see if I can get on the right path.

    I am using angular 2, and we are using the text-mask component to format dates, SSN and phone numbers.

    Much of the data in the system is not formatted correctly, hence the need for this library.

    When I supply a SSN mask that should like like "333-22-4444" a value of "3332224444" the component does a great job of displaying it with the format as requested. The problem is that the underlying value that the component is bound to does not get changed when the component changes the original value to the formatted value. So despite the user seeing that the value is formatted correctly the validation sees it as the original value.

    I believe that when the component gets to the end of the update it should fire an event to tell the component to update its value.

    In angular 2 terms, I think the variable bound into this control my ngModel should be updated to whatever is displayed in the control.

    My validator is checking that the underlying data is of the correct format. And the user sees that the value is in the correct format. But the "value" of the control is the unformatted text.

    The only way for the user to fix this is to delete the last character in the input and type it again. Now the input looks exactly as it did before but now the value has been updated and my validation can pass.

    bug angular2 i don't know how to fix it 
    opened by simb 35
  • Unwanted extra character

    Unwanted extra character

    I'm not sure if this is a bug or I'm doing something wrong.

    Using angular2 rc.4, angular2-text-mask 0.15.

    Masking like this. <input [textMask]="{mask: '11/11/1111'}" type="text" formControlName="dob" required>

    The mask displayed in the form is correct _ _ / _ _ / _ _ _ _ but If I enter a date like 01/12/1992 there is always an extra _ saved at the end in the background, 01/12/1992_. If I enter 01/12/19923, I don't actually see the last 3 get typed into the input but it saves it as 01/12/19923. Anything beyond that though it doesn't take. Thanks for looking!

    angular2 
    opened by andyrue 34
  • Clear values

    Clear values

    Hello!

    I found the weird row in source code at update method: rawValue = rawValue || inputElement.value

    In my case, I use React component and outside Store, that controlling my state of form (inputs with react-text-mask). I have method .clear, that set all fields to ''. But it doesn't work, obviously.

    So, how I can clear values from outside state controller?

    bug react core 
    opened by zetoke 33
  • Added support for Vue 2.0

    Added support for Vue 2.0

    This update adds support for Vue 2.0.

    • Support for Vue 1.x dropped, use v0.2 if required.
    • Vue instance attached to #app element as cannot be attached to body.
    • It uses a Vue component instead of a directive.
    • Support for v-model. Changes to the input will emit an 'input' event that ensures 2-way binding when v-model is used.

    Thanks to @billcolumbia and @pinguinjkeke for helping with this.

    opened by jasongerbes 30
  • Console warning

    Console warning "Failed prop type: React.PropTypes type checking code is stripped in production." when using react-text-mask

    When using react-text-mask, MaskedInput produces the following warning in the browser's console:

    bildschirmfoto 2017-04-21 um 12 22 51

    My codebase is in TypeScript, here is how I use MaskedInput right now:

    import * as React from 'react'
    const MaskedInput = require('react-text-mask').default
    
    export const Test = () => (
      <MaskedInput
        mask={[/\d/, /\d/, '.', /\d/]}
      />
    )
    
    bug react 
    opened by philipstanislaus 26
  • selectionStart is undefined (Ionic RC5)

    selectionStart is undefined (Ionic RC5)

    Upgraded to Ionic RC5 and it appears to have broken input masking.

    Cannot read property 'selectionStart' of undefined at Object.update (textMaskCore.js:1) at MaskedInputDirective.onInput (angular2TextMask.js:42)

    I tried to debug this a bit and I can confirm the 'selectionStart' value is contained within the element but It doesn't look like the textMaskInputElement.update() function is processing the information correctly anymore.

    bug ionic 
    opened by ThreadedLemon 24
  • Support providing our own Input component

    Support providing our own Input component

    Hello,

    I would be interested in an additional Prop for the MaskedInput component, that would allow the user to provide its own Input component implementation, which for instance would be useful to integrate MaskedInput with http://react-toolbox.com/#/components/input

    Any opinion on that?

    react feature request pull requests welcome 
    opened by mquandalle 22
  • Question about variable mask length

    Question about variable mask length

    Hi, is it possible to have a variable mask length or optional chars? For example, Brazilian phone numbers can have either 8 or 9 numbers and the mask is slightly different for each one:

    • 8 numbers: (99) 9999-9999
    • 9 numbers: (99) 99999-9999

    I know I could change the mask based on the length of the input, but it would be nice if the library supported this kind of mask.

    opened by akz92 22
  • Bump xmldom and ember-cli in /ember

    Bump xmldom and ember-cli in /ember

    Removes xmldom. It's no longer used after updating ancestor dependency ember-cli. These dependencies need to be updated together.

    Removes xmldom

    Updates ember-cli from 3.1.2 to 3.28.5

    Release notes

    Sourced from ember-cli's releases.

    Release 3.28.5

    Blueprint Changes

    Changelog

    Thank you to all who took the time to contribute!

    Release 3.28.4

    Blueprint Changes

    Changelog

    Thank you to all who took the time to contribute!

    Release 3.28.3

    Blueprint Changes

    Changelog

    • #9670 Don't emit an error when the lint:fix script fails post blueprint generation @​bertdeblock

    Thank you to all who took the time to contribute!

    Release 3.28.2

    Blueprint Changes

    What's Changed

    Full Changelog: https://github.com/ember-cli/ember-cli/compare/v3.28.1...v3.28.2

    Release 3.28.1

    ... (truncated)

    Changelog

    Sourced from ember-cli's changelog.

    v3.28.5

    Blueprint Changes

    Changelog

    Thank you to all who took the time to contribute!

    v3.28.4

    Blueprint Changes

    Changelog

    Thank you to all who took the time to contribute!

    v3.28.3

    Blueprint Changes

    Changelog

    • #9670 Don't emit an error when the lint:fix script fails post blueprint generation @​bertdeblock

    Thank you to all who took the time to contribute!

    v3.28.2

    Blueprint Changes

    Changelog

    ... (truncated)

    Commits
    • 53b5dcc Release 3.28.5
    • 6d6786c update changelog
    • 167082b Merge pull request #9730 from kellyselden/add-ember-3.28-lts-to-addon-blueprint
    • 0677a1a Merge pull request #9740 from kellyselden/update_embroider
    • ef13f78 Add Ember v3.28 LTS to addon blueprint (drop support for Ember v3.20 LTS)
    • 913b5d1 update embroider deps in LTS
    • d0c9c31 Release 3.28.4
    • f17c6d0 update changelog
    • 3038a84 Merge pull request #9694 from kellyselden/test_node_16_lts
    • 2d542d3 test in node 16 LTS
    • Additional commits viewable in compare view

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump set-value and union-value in /ember

    Bump set-value and union-value in /ember

    Bumps set-value and union-value. These dependencies needed to be updated together. Updates set-value from 2.0.0 to 2.0.1

    Commits
    Maintainer changes

    This version was pushed to npm by doowb, a new releaser for set-value since your current version.


    Updates union-value from 1.0.0 to 1.0.1

    Commits
    Maintainer changes

    This version was pushed to npm by doowb, a new releaser for union-value since your current version.


    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump braces and qunit in /ember

    Bump braces and qunit in /ember

    Bumps braces and qunit. These dependencies needed to be updated together. Updates braces from 1.8.5 to 2.3.2

    Changelog

    Sourced from braces's changelog.

    [2.3.2] - 2018-04-08

    • start refactoring
    • cover sets
    • better range handling

    [2.3.1] - 2018-02-17

    • Remove unnecessary escape in Regex. (#14)

    [2.3.0] - 2017-10-19

    • minor code reorganization
    • optimize regex
    • expose maxLength option

    [2.2.1] - 2017-05-30

    • don't condense when braces contain extglobs

    [2.2.0] - 2017-05-28

    • ensure word boundaries are preserved
    • fixes edge case where extglob characters precede a brace pattern

    [2.1.1] - 2017-04-27

    • use snapdragon-node
    • handle edge case
    • optimizations, lint

    [2.0.4] - 2017-04-11

    • pass opts to compiler
    • minor optimization in create method
    • re-write parser handlers to remove negation regex

    [2.0.3] - 2016-12-10

    • use split-string
    • clear queue at the end
    • adds sequences example
    • add unit tests

    [2.0.2] - 2016-10-21

    • fix comma handling in nested extglobs

    [2.0.1] - 2016-10-20

    ... (truncated)

    Commits

    Updates qunit from 2.6.0 to 2.6.2

    Release notes

    Sourced from qunit's releases.

    2.6.2

    • Build: Bump packages identified by npm audit
    • Build: Remove Browserstack
    • Build: Upgrade grunt-coveralls to 2.0.0 (#1305)
    • CLI: [fixes #121] chokidar -> sane (#1283)
    • Tests: fix HTTP 404 error for the Qunit CSS in one of the test files (#1297)
    • pushResult() doesn't ever return a value: it's always undefined/void.
    • Update fsevents subdependency for Node 10 compat
    • Core: Extract QUnit.module to its own file
    • Docs: Fix Jekyll build (remove conflicting file/dir names)
    • Docs: Set up redirects for old urls
    • Docs: Fix broken QUnit.stop link from assert/async and add redirect (#1291)
    • Build: Stop testing on Node 4 & 9
    • Docs: Remove unused config and group settings

    2.6.1

    • Test: Prevent global.QUnit leakage between node and browser tests.
    • Core: Ensure test callbacks and module hooks are released.
    • Test: Failing test with memory leak via retained hooks/callbacks.
    • Test: Add Node 10 testing to CI.
    • HTML Reporter: Disable autocomplete on module search input (#1277)
    • All: Enable ESLint recommended rules
    Changelog

    Sourced from qunit's changelog.

    2.6.2 / 2018-08-19

    Fixed

    • Assert: Remove redundant return statement from assert.pushResult(). (Ger Hobbelt) #1298
    • CLI: Update fsevents extension for Node 10 compatibility. (Tobias Bieniek) #1295

    2.6.1 / 2018-05-15

    Fixed

    • Core: Ensure module and test callbacks are released for GC. (Robert Jackson) #1279
    • HTML Reporter: Disable autocomplete on module search input. (Christian) #1277
    Commits
    • c2a049c 2.6.2
    • 1b27809 Build: Prepare 2.6.2 release, includin authors and history update
    • d741719 Build: Bump packages identified by npm audit
    • feb27e5 Build: Remove Browserstack
    • 3ae0daf Build: Upgrade grunt-coveralls to 2.0.0 (#1305)
    • 9af0448 CLI: [fixes #121] chokidar -> sane (#1283)
    • 5fbaa48 Tests: fix HTTP 404 error for the Qunit CSS in one of the test files (#1297)
    • 0e4e9a2 pushResult() doesn't ever return a value: it's always undefined/void.
    • 64e8f24 Update fsevents subdependency for Node 10 compat
    • 0bf52c7 Core: Extract QUnit.module to its own file
    • Additional commits viewable in compare view

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump bootstrap from 3.3.7 to 3.4.1

    Bump bootstrap from 3.3.7 to 3.4.1

    Bumps bootstrap from 3.3.7 to 3.4.1.

    Release notes

    Sourced from bootstrap's releases.

    v3.4.1

    • Security: Fixed an XSS vulnerability (CVE-2019-8331) in our tooltip and popover plugins by implementing a new HTML sanitizer
    • Handle bad selectors (#) in data-target for Dropdowns
    • Clarified tooltip selector documentation
    • Added support for NuGet contentFiles

    v3.4.0

    • New: Added a .row-no-gutters class.
    • New: Added docs searching via Algolia.
    • Fixed: Resolved an XSS issue in Alert, Carousel, Collapse, Dropdown, Modal, and Tab components. See https://snyk.io/vuln/npm:bootstrap:20160627 for details.
    • Fixed: Added padding to .navbar-fixed-* on modal open
    • Fixed: Removed the double border on <abbr> elements.
    • Removed Gist creation in web-based Customizer since anonymous gists were disabled long ago by GitHub.
    • Removed drag and drop support from Customizer since it didn't work anymore.
    • Added a dropdown to the docs nav for newer and previous versions.
    • Update the docs to use a new baseurl, /docs/3.4/, to version the v3.x documentation like we do with v4.
    • Reorganized the v3 docs CSS to use Less.
    • Switched to BrowserStack for tests.
    • Updated links to always use https and fix broken URLs.
    • Replaced ZeroClipboard with clipboard.js
    Commits
    Maintainer changes

    This version was pushed to npm by xhmikosr, a new releaser for bootstrap since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • npm ERR! ERESOLVE unable to resolve dependency tree

    npm ERR! ERESOLVE unable to resolve dependency tree

    npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/react npm ERR! [email protected]"^17.0.2" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer [email protected]"^0.14.0 || ^15.0.0 || ^16.0.0" from [email protected] npm ERR! node_modules/react-text-mask npm ERR! [email protected]"*" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\Leonardo\AppData\Local\npm-cache\eresolve-report.txt for a full report.

    npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Leonardo\AppData\Local\npm-cache_logs\2022-08-17T14_28_54_059Z-debug-0.log

    opened by LeonardoDaLuz 1
Releases(addons-v3.8.0)
Tiny (2k gzipped) and dependency free mask input for Vue.js

The Mask A lightweight (2KB gzipped) and dependency free mask input created specific for Vue.js Docs and Demo JsFiddle Install yarn add vue-the-mask o

Vue.js Tips 1.6k Sep 20, 2022
Simple zero-dependency input mask for Vue.js and vanilla JS.

Simple zero-dependency input mask for Vue.js and vanilla JS.

Alexander Shabunevich 451 Oct 6, 2022
🔡 Tiny input mask library for Vue.js (directive)

?? Tiny input mask library for Vue.js (directive)

Max Liashuk 824 Sep 24, 2022
Easy formatted numbers, currency and percentage with input/directive mask for Vue.js

vue-number-format Vue Number Format is used to format a number using fixed-point notation. It can be used to format a number with a specific number of

CodersTM 34 Sep 24, 2022
Tiny (2k gzipped) input/directive mask for currency

v-money Mask for Vue.js Features Lightweight (<2KB gzipped) Dependency free Mobile support Component or Directive flavors Accept copy/paste Editable F

Vue.js Tips 741 Sep 23, 2022
vue-r-mask - Directive with template similar to javascript regular expression.

vue-r-mask mask directive for vue.js Template similar to javascript regular expression. /\d{2}/ Directive useful for your own input or textarea. Arbit

null 22 May 1, 2022
The awesome-mask runs with Vue.js and uses the vanilla-masker to make your form awesome with masks.

The awesome-mask runs with Vue.js and uses the vanilla-masker to make your form awesome with masks. You can use patterns like: <input type="text" v-ma

Wirecard Brasil 164 Aug 3, 2022
Vue.js component for jQuery mask plugin

Vue jQuery Mask Component Vue.js component for jQuery Mask Plugin Demo on JSFiddle Version matrix Vue.js version Package version Branch 2.x 1.x 1.x 3.

Ankur Kumar 19 Mar 4, 2022
Nice-Numeric-Input is a modern, rich featured and highly customisable numeric input built on Vue.

Nice-Numeric-Input is a modern, rich featured and highly customisable numeric input built on Vue. Capable of formatting as the user types, including currency formatting. With no extra dependencies other than Vue itself.

Jack Steel 4 Dec 9, 2021
Vue Currency Input component allows an easy input of currency formatted numbers

Vue Currency Input The Vue Currency Input component allows an easy input of currency formatted numbers. It provides both standalone component (<curren

WeblineIndia 1 May 25, 2022
Obtain AST by reading vue and react source code, and then dynamically add tags

Obtain AST by reading vue and react source code, and then dynamically add tags

沧海 3 Sep 27, 2021
Click to show input text box Vue Component ... inspired by Trello. This is my first time publishing Vue Component via npm package and let me know if you encounter any issues, bugs, or improvement. Thanks!

label-edit Click to show input text box Vue Component ... inspired by Trello. This is my first time publishing Vue Component via npm package and let m

Myo Kyaw Htun 22 Apr 24, 2022
Vue Fake input is a Vue.js based component to create custom inputs for individual characters.

Vue Fake Input Vue Fake input is a Vue.js based component to create custom inputs for individual characters. Table of Contents Installation Usage Lice

Cláudio Luiz Castro 84 Jul 26, 2022
A fully customizable, OTP (one-time-password) input component built with Vue 3.x and Vue Composition API.

vue-otp-input A fully customizable, OTP (one-time-password) input component built with Vue 3.x and Vue Composition API. Installation To install the la

Ejiro Asiuwhu 39 Sep 23, 2022
Set of vue directives to add text restriction to your vue input

Vue-Input-Restriction-Directives Set of useful vue directives to add text restriction to your input No keyboard key validation, just regular expressio

Benjamin Arambide 5 Nov 19, 2021
Masked input component for Vue.js

Vue Masked Input Dead simple masked input component for Vue.js 2.X. Based on inputmask-core. Live Demo Install npm npm install vue-masked-input --save

null 452 Sep 3, 2022
Input field component to display a formatted currency value based on Vue.js

vue-numeric Input field component to display a formatted currency value based on Vue. Live Demo Works with Vue 2.* Installation Install via CDN <scrip

Kevin Ongko 420 Sep 24, 2022
A Vue.js component that wraps the awesome autoNumeric input formatter library

vue-autoNumeric A Vue.js component that wraps the awesome AutoNumeric input formatter library Get in touch on vue-autoNumeric wraps the awesome AutoNu

AutoNumeric 86 Sep 27, 2022
A custom input number component for Vue.js 2

vue-input-number A custom input number component for Vue.js 2. Install Yarn yarn add vue-input-number --dev NPM npm install vue-input-number --save-de

Jose Quintana 14 Jul 24, 2022