react-masked-input

Instalation

npm install

Usage

import React from "react"
import MaskInput from "react-input-mask";

const NumberInput = (props) => {
    const [value, setValue] = useState('')
	const mask = '+00 (00) 0000-0000'
	const onChange = (value) => {
		setValue(value)
	}
  
    return (
        <MaskInput value={value} onChange={onChange} mask={mask}/>
    )
}

Properties

Name	Type	Description
value	string
mask	string
disabled	boolean
readOnly	boolean
maskChar	string	if set, all replaceable characters in mask that have not been introduced will be set to this
onChange	{Function} (value: string) => void
onBlur	{Function} (value: string) => void
children?	{React.ReactElement}

Mask

Mask format

<MaskInput mask="9999" />
<MaskInput mask="99/99/9999" />

The following characters define a mask format

Character	Allowed input
9	0-9
S	a-z, A-Z
A	0-9, a-z, A-Z

Contribute

npm install npm run start

Tests

npm run test

Build

npm run build