Docs/Event Ticket
comms@pdfcn-vue/event-ticket

Event Ticket

Event ticket with seat details and tear-off styling.

Live preview

Loading block sample…

Installation

Terminal

npx shadcn-vue@latest add @pdfcn-vue/event-ticket

Usage

Example

<script setup lang="ts">
import EventTicket from '@/components/pdf/blocks/event-ticket/EventTicket.vue'
import { sampleEventTicketData } from '@/components/pdf/blocks/event-ticket/event-ticket.sample'
</script>

<template>
  <EventTicket :data="sampleEventTicketData" />
</template>
Source
forme/blocks/event-ticket/EventTicket.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