Files
oa/documentation/plugins/credit-card/v-credit-card-documentation.md
2025-05-24 01:49:48 +09:00

47 lines
710 B
Markdown

---
state:
flipped: false
---
### VCreditCard
Vuero ships with the `<VCreditCard />` component, a custom credit card
previewer. Check the code for more details.
<!--code-->
```vue
<script setup lang="ts">
const flipped = ref(null)
</script>
<template>
<VField>
<VControl>
<VCreditCard
color="grey"
:flipped="flipped"
@flip="flipped = !flipped"
/>
</VControl>
</VField>
</template>
```
<!--/code-->
<!--example-->
<VField class="credit-card">
<VControl>
<VCreditCard
color="grey"
:flipped="frontmatter.state.flipped"
@flip="frontmatter.state.flipped = !frontmatter.state.flipped"
/>
</VControl>
</VField>
<!--/example-->