arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-19 22:41:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(input): add mask example

Browse Source
This commit is contained in:
Benjamin Canac
2025-06-06 11:37:26 +02:00
parent 150b334b1d
commit 228d4c9835
4 changed files with 33 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
docs/app/components/content/examples/input/InputMaskExample.vue Normal file
View File

@@ -0,0 +1,14 @@
<script setup lang="ts">
import { vMaska } from 'maska/vue'
</script>
<template>
<div class="flex flex-col gap-2">
<UInput v-maska="'#### #### #### ####'" placeholder="4242 4242 4242 4242" icon="i-lucide-credit-card" />
<div class="flex items-center gap-2">
<UInput v-maska="'##/##'" placeholder="MM/YY" icon="i-lucide-calendar" />
<UInput v-maska="'###'" placeholder="CVC" />
</div>
</div>
</template>