rafaelguinho/cpf-cnpj-input

react-cpf-cnpj-input-field

A React input component with dynamic mask for Brazilian CPF or CNPJ documents

Table of Contents

• Installation
• Usage
• Properties

Install

npm install --save react-cpf-cnpj-input-field

Usage

import React from 'react'

import CpfCnpjInput from 'react-cpf-cnpj-input-field'

const App = () => {
  render() {
    return <CpfCnpjInput />
  }
}

Usage with React Hook Form

<Controller
  control={control}
  name='cpf_cnpj'
  render={({ field: { onChange, onBlur, value, name } }) => (
    <CpfCnpjInput
      onBlur={onBlur}
      onChange={onChange}
      checked={value}
      name={name}
    />
  )}
/>

Properties

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

License

MIT © rafaelguinho