mirrors/maska
2
0
Fork 0
mirror of https://github.com/tenrok/maska.git synced 2026-06-11 18:02:27 +03:00
Code Activity

Add dynamic mask

Browse Source
This commit is contained in:
Alexander Shabunevich
2019-12-07 21:44:32 +03:00
parent 3104177848
commit 558b1a60d2
7 changed files with 83 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/index.htm
+16 -2
View File
@@ -25,9 +25,9 @@
<div class="field">
<label class="label">Phone with code: {{ phone }}</label>
<div class="control">
<input v-maska="'+1 (###) ###-##-##'" class="input" type="tel" autocomplete="tel" v-model="phone">
<input v-maska="['+1 (###) ##-##-##', '+1 (###) ###-##-##']" class="input" type="tel" autocomplete="tel" v-model="phone">
</div>
<p class="help is-family-code">v-maska="'+1 (###) ###-##-##'"</p>
<p class="help is-family-code">v-maska="['+1 (###) ##-##-##', '+1 (###) ###-##-##']"</p>
</div>
<div class="field">
<label class="label">Hex color (custom tokens): {{ color }}</label>
@@ -65,6 +65,13 @@
</div>
<p class="help is-family-code">data-mask="#*"</p>
</div>
<div class="field">
<label class="label">Dynamic mask</label>
<div class="control">
<input data-mask='["# cm", "#.# cm", "#.## cm"]' class="masked input">
</div>
<p class="help is-family-code">data-mask='["# cm", "#.# cm", "#.## cm"]'</p>
</div>
</div>
<div class="column">
<div class="field">
@@ -88,6 +95,13 @@
</div>
<p class="help is-family-code">data-mask="###"</p>
</div>
<div class="field">
<label class="label">CPF/CNPJ</label>
<div class="control">
<input data-mask='["###.###.###-##", "##.###.###/####-##"]' class="masked input">
</div>
<p class="help is-family-code">data-mask='["###.###.###-##", "##.###.###/####-##"]'</p>
</div>
</div>
</div>
</form>