Valores aceitos para máscara de input.

Hierarchy

Properties

Properties

borderHidden?: boolean

Removes the borders of the input. Example:

<MaskInput borderHidden={true}/>
mask: string | string[]

Valores aceitos para máscara de input.

Uma máscara de input é um formato pré-definido que permite controlar e validar a entrada de dados em um campo de input. A máscara define a estrutura esperada para o valor do input, indicando, por exemplo, onde devem ser inseridos dígitos numéricos, caracteres especiais ou espaços.

Para representar dígitos numéricos, utilize o caractere "9" na máscara. Os dígitos serão preenchidos conforme a entrada do usuário.

Exemplos de máscaras comumente utilizadas incluem CPF, CNPJ, telefone, CEP, entre outros.

// Máscara com CPF
<Input mask="999.999.999-99" />
// Máscara com CNPJ
<Input mask="99.999.999/9999-99" />

Você pode utilizar também duas máscaras ao mesmo tempo, sendo que a prioridade é a máscara de menor tamanho, quando o tamanho do texto digitado for maior que a máscara atual e ainda houver outra na lista de tamanho maior, ele selecionará automaticamente.

<Input mask={["999.999.999-99", "99.999.999/9999-99"]} />