invoice@pdfcn-vue/invoice-modern

Invoice Modern

Contemporary invoice with strong type hierarchy and accent blocks.

Live preview

Loading block sample…

Installation

Terminal

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

Usage

Example

<script setup lang="ts">
import InvoiceModern from '@/components/pdf/blocks/invoice-modern/InvoiceModern.vue'
import { sampleInvoiceModernData } from '@/components/pdf/blocks/invoice-modern/invoice-modern.sample'
</script>

<template>
  <InvoiceModern :data="sampleInvoiceModernData" />
</template>

Source

forme/blocks/invoice-modern/InvoiceModern.vue

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