Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-multimask

helberdepaula52MIT0.1.16TypeScript support: included

Módulo para a criação de máscaras múltipla no ambiente React.

máscaras dinâmicas, React, componentes React, entrada de dados, formulários interativos, validação de entrada, módulo de máscaras, desenvolvimento web, front-end, biblioteca React, UI/UX, interação do usuário, programação JavaScript, campos de entrada formatados, controle de dados no React

readme

Guia de Utilização do React-Multimask

O React-Multimask foi criado para simplificar a vida dos desenvolvedores front-end ao lidar com o uso de máscaras. Certifique-se de possuir a versão mínima do Node.js 18 antes de começar.

Commands

Instalação

npm install react-multimask  # ou yarn add react-multimask

Como Utilizar

Importe o pacote:

import MultiMask from 'react-multimask';

Exemplos de Máscaras:

- Máscaras para CPF e CNPJ:
 <MultiMask masks={['###.###.###.##','##.###.###/####-##']} />

- Máscara para telefone:
 <MultiMask masks={['(##) # ####-####']} />

- Máscara para CEP:
<MultiMask masks={['#####-###']} />

- Máscara para Número de Cartão de Crédito:
<MultiMask masks={['#### #### #### ####']} />

- Máscara para Código de Segurança (CVV) de Cartão de Crédito:
<MultiMask masks={['###']} />

- Máscara para data:
<MultiMask masks={['##/##/##','##/##/####']} />

- Máscara para Código de Barras:
<MultiMask masks={['###############']} />

- Máscara para Número de Conta Bancária:
<MultiMask masks={['####-#']} />

Certifique-se de ajustar a importação e as máscaras conforme necessário para atender às especificidades do seu projeto. Simplifique sua experiência de desenvolvimento front-end com o React-Multimask!

License

License