In some cases, you might want to format the data entered by the user in the text field according to a certain specification. Formatting a data is not just a visual decoration but it can be an accessibility feature where it helps user to convey the data immediately.
For example, currency. 1000000 will be easier to read if it's written as 1000,000. Another example would be credit card number - 1234123412341234. It will be easy to spot any typo mistake if it's written as 1234 1234 1234 1234.
- Credit card number - with card detection (VISA, Master, Diners, Discover, AMEX and JCB)
- Phone number - Country code and phone number
- And cutom options where you can separate number in blocks, add delimiter and prefix.
It also packaged as ReactJS component as well.