> For the complete documentation index, see [llms.txt](https://jolzee.gitbook.io/leopard/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jolzee.gitbook.io/leopard/components/forms-1/forms/masks.md).

# Masks

More information on the acceptable mask formatting can be found here: [The Mask for Vue.js](https://vuejs-tips.github.io/vue-the-mask/)

<div align="left"><img src="/files/-Lsn3t8F8Ag_A4nuaD5c" alt=""></div>

## Tokens

```
'#': {pattern: /\d/},
'X': {pattern: /[0-9a-zA-Z]/},
'S': {pattern: /[a-zA-Z]/},
'A': {pattern: /[a-zA-Z]/, transform: v => v.toLocaleUpperCase()},
'a': {pattern: /[a-zA-Z]/, transform: v => v.toLocaleLowerCase()},
'!': {escape: true}
```

## Examples

```
##/##/####  < Date dd/mm/yyyy
##:##:##    < Time hh:mm:ss
##/##/#### ##:##:##    < Date Time dd/mm/yyyy hh:mm:ss
AA## #### #### #### #### #### ###    < IBAN Number
#####    < US ZIP such as 98075
+1 (###) ###-####    < US Phone Number
#### #### #### ####    < Credit Card Number
```