Docs/Gift Certificate
comms@pdfcn-vue/gift-certificate

Gift Certificate

Gift certificate with value, recipient, and redemption notes.

Live preview

Loading block sample…

Installation

Terminal

npx shadcn-vue@latest add @pdfcn-vue/gift-certificate

Usage

Example

<script setup lang="ts">
import GiftCertificate from '@/components/pdf/blocks/gift-certificate/GiftCertificate.vue'
import { sampleGiftCertificateData } from '@/components/pdf/blocks/gift-certificate/gift-certificate.sample'
</script>

<template>
  <GiftCertificate :data="sampleGiftCertificateData" />
</template>
Source
forme/blocks/gift-certificate/GiftCertificate.vue
Blocks accept optional data and theme props. Omit them to use the bundled sample and default theme.

Edit the theme tokens

Try the theme builder