46 lines
1.0 KiB
Vue
46 lines
1.0 KiB
Vue
<script setup>
|
|
const cardNumber = ref(null)
|
|
const expiry = ref(null)
|
|
const cvv = ref(null)
|
|
|
|
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<VRow>
|
|
<VCol cols="12">
|
|
<VCard>
|
|
<VCardText>
|
|
<VForm>
|
|
<VCardText>
|
|
<VRow>
|
|
<VCol cols="12" md="6">
|
|
<VTextField v-model="cardNumber" label="Card Number" />
|
|
</VCol>
|
|
|
|
<VCol cols="12" md="4">
|
|
<VTextField v-model="expiry" label="Expiry" />
|
|
</VCol>
|
|
|
|
<VCol cols="12" md="2">
|
|
<VTextField v-model="cvv" label="CVV" />
|
|
</VCol>
|
|
</VRow>
|
|
</VCardText>
|
|
|
|
<!-- 👉 Action Buttons -->
|
|
<VCardText class="d-flex flex-wrap gap-4">
|
|
<VBtn>Save changes</VBtn>
|
|
|
|
<!-- <VBtn type="reset" color="secondary" variant="tonal">
|
|
Reset
|
|
</VBtn> -->
|
|
</VCardText>
|
|
</VForm>
|
|
</VCardText>
|
|
</VCard>
|
|
</VCol>
|
|
</VRow>
|
|
</template>
|