@mamba/input
Advanced tools
Comparing version 1.0.0-rc.7 to 1.0.0-rc.8
{ | ||
"name": "@mamba/input", | ||
"version": "1.0.0-rc.7", | ||
"version": "1.0.0-rc.8", | ||
"svelte": "Input.html", | ||
@@ -17,4 +17,4 @@ "author": "Stone Payments - Mamba Team", | ||
"devDependencies": { | ||
"@mamba/pos": "^1.0.0-rc.7", | ||
"@mamba/styles": "^1.0.0-rc.7" | ||
"@mamba/pos": "^1.0.0-rc.8", | ||
"@mamba/styles": "^1.0.0-rc.8" | ||
}, | ||
@@ -25,5 +25,5 @@ "peerDependencies": { | ||
"dependencies": { | ||
"@mamba/icon": "^1.0.0-rc.7" | ||
"@mamba/icon": "^1.0.0-rc.8" | ||
}, | ||
"gitHead": "ec86c214efe54a005f7ec55e0f3cde8f8a5d80d6" | ||
"gitHead": "57b85a816646b4ffe29807e7dad8807fbdb511cf" | ||
} |
@@ -22,7 +22,8 @@ # Input | ||
| readable | Possibilita esconder o texto de Entrada | `boolean` | `false` | | ||
| type | Tipo de texto de entrada (`password`/`text`) | `string` | `text` | | ||
| type | Tipo de texto de entrada (`password`/`text`) | `string` | `'text'` | | ||
| textColor | Cor do Texto da Caixa de Entrada | `string` (hex) | `'#4a4a4a'`| | ||
| value | Valor de padrão de entrada | `string` | `false` | | ||
| validation | Adiciona um método de validação | `function` | `undefined`| | ||
| validateOn | Define em que momento a validação ocorre (`input`/`submit`)| `string` | `submit` | | ||
| validateOn | Define em que momento a validação ocorre (`input`/`submit`)| `string` | `'submit'` | | ||
| mask | Define uma máscara para o texto | `string` | `null` | | ||
@@ -46,1 +47,25 @@ ## Métodos | ||
Desfoca o componente de input. | ||
### invalidate(message) | ||
Define que o input está com conteúdo inválido e mostra uma mensagem de erro opcional. | ||
## Máscara | ||
Para definir uma máscara de *input*, basta passar um parâmetro `mask` com uma ou mais máscaras. Uma máscara é definida por *tokens* que, por padrão, são: | ||
* `#` - Dígito | ||
* `X` - Caractér alfanumérico | ||
* `S` - Letra | ||
* `A` - Letra maiúscula | ||
* `a` - Letra minúscula | ||
* `!` - Escapa o caractér do *token* | ||
Exemplo de CPF/CNPJ: | ||
``` | ||
<Input | ||
label="CPF/CNPJ" | ||
mask={['###.###.###-##', '##.###.###/####-##']} | ||
/> | ||
``` |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Empty package
Supply chain riskPackage does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.
Found 1 instance in 1 package
16719
8
76
69
0
Updated@mamba/icon@^1.0.0-rc.8