A React input component with dynamic mask for Brazilian CPF or CNPJ documents
npm install --save react-cpf-cnpj-input-fieldimport React from 'react'
import CpfCnpjInput from 'react-cpf-cnpj-input-field'
const App = () => {
render() {
return <CpfCnpjInput />
}
}<Controller
control={control}
name='cpf_cnpj'
render={({ field: { onChange, onBlur, value, name } }) => (
<CpfCnpjInput
onBlur={onBlur}
onChange={onChange}
checked={value}
name={name}
/>
)}
/>| Name | Description | Default |
|---|---|---|
| style | Custom styles | undefined |
| alwaysShowMask | Define whether to always show the mask | false |
| defaultMaskType | Accepted ("CPF", "CNPJ") | "CPF" |
| as | You can provide a custom input | undefined |
MIT © rafaelguinho