@vestwell/react-text-mask
React Input Mask
Getting started
First, install it.
npm i react-text-mask --save
Then, require it and use it.
var React = var MaskedInput = var MyComponent = React
<MaskedInput/>
is fully compatible with <input/>
element. So, you can
pass to it CSS classes, a placeholder attribute, or whatever.
For example, the following works:
<MaskedTextInput mask='(' /[1-9]/ /\d/ /\d/ ')' ' ' /\d/ /\d/ /\d/ '-' /\d/ /\d/ /\d/ /\d/ className="form-control" placeholder="Enter a phone number" guide=false id="my-input-id"/>
Documentation
For more information about the props
that you can pass to the component, see
the documentation here.
Example
To see an example of the code running, follow these steps:
- Clone the repo,
git clone git@github.com:text-mask/text-mask.git
cd text-mask
npm install
npm run react:dev
- Open http://localhost:3000
The code of the example is in react/example
.
Contributing
We would love some contributions! Check out this document to get started.