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

chore: alpine new demos

Browse Source
This commit is contained in:
Alexander Shabunevich
2024-05-12 22:48:54 +03:00
parent 5c5cba6e93
commit 9b693bf95b
1 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/alpine/index.html
+19 -1
View File
@@ -16,13 +16,31 @@
x-model="maskedvalue" x-model="maskedvalue"
x-maska:unmaskedvalue.unmasked="options" x-maska:unmaskedvalue.unmasked="options"
x-on:maska="console.log($event.detail)" x-on:maska="console.log($event.detail)"
data-maska="#-#" data-maska="##-##"
> >
<div><label><input type="checkbox" x-model="options.eager"> eager?</label></div> <div><label><input type="checkbox" x-model="options.eager"> eager?</label></div>
<div>masked value: <span x-text="maskedvalue"></span></div> <div>masked value: <span x-text="maskedvalue"></span></div>
<div>unmasked value: <span x-text="unmaskedvalue"></span></div> <div>unmasked value: <span x-text="unmaskedvalue"></span></div>
</div> </div>
<div x-data="{
maskedvalue: '-1234.90',
unmaskedvalue: '',
options: { number: { locale: 'ru', fraction: 2 }}
}" style="margin-top: 1em">
<input
x-model="maskedvalue"
x-maska:unmaskedvalue.unmasked="options"
x-on:maska="console.log($event.detail)"
>
<div>masked value: <span x-text="maskedvalue"></span></div>
<div>unmasked value: <span x-text="unmaskedvalue"></span></div>
</div>
<div x-data style="margin-top: 1em">
<input x-maska data-maska="+1 (###) ###-####" data-maska-eager value="1234567">
</div>
<script type="module"> <script type="module">
import Alpine from 'alpinejs' import Alpine from 'alpinejs'
import { xMaska } from './src' import { xMaska } from './src'