X-Brain Masks

xbrain-react-masks provide useful masks for your components.

Installation

Using yarn:

  yarn add xbrain-react-masks

Using npm:

  npm install --save xbrain-react-masks

Available Masks

Each mask (except for HybridPhoneMask) has a static attribute called pattern that exposes the mask pattern, e.g. CpfMask.pattern

Example

// with redux-form and material-ui
import { CpfMask } from 'xbrain-react-masks';

...

<Field
  name="cpf"
  InputProps={{ inputComponent: CpfMask }}
  component={TextField}
  label="CPF"
/>