oa/documentation/plugins/credit-card/v-credit-card-documentation.md

state

state
flipped false

VCreditCard

Vuero ships with the <VCreditCard /> component, a custom credit card previewer. Check the code for more details.

<script setup lang="ts">

const flipped = ref(null)
</script>

<template>
  <VField>
    <VControl>
      <VCreditCard
        color="grey"
        :flipped="flipped"
        @flip="flipped = !flipped"
      />
    </VControl>
  </VField>
</template>