invoice@pdfcn-vue/invoice-classic

Invoice Classic

Traditional invoice layout with denser metadata and branding.

Live preview

Loading block sample…

Installation

Terminal

npx shadcn-vue@latest add @pdfcn-vue/invoice-classic

Usage

Example

<script setup lang="ts">
import InvoiceClassic from '@/components/pdf/blocks/invoice-classic/InvoiceClassic.vue'
import { sampleInvoiceClassicData } from '@/components/pdf/blocks/invoice-classic/invoice-classic.sample'
</script>

<template>
  <InvoiceClassic :data="sampleInvoiceClassicData" />
</template>

Source

forme/blocks/invoice-classic/InvoiceClassic.vue

Blocks accept optional data and theme props. Omit them to use the bundled sample and default theme.