report@pdfcn-vue/report-financial

Report Financial

Financial report with metrics, charts, and narrative sections.

Live preview

Loading block sample…

Installation

Terminal

npx shadcn-vue@latest add @pdfcn-vue/report-financial

Usage

Example

<script setup lang="ts">
import ReportFinancial from '@/components/pdf/blocks/report-financial/ReportFinancial.vue'
import { sampleReportFinancialData } from '@/components/pdf/blocks/report-financial/report-financial.sample'
</script>

<template>
  <ReportFinancial :data="sampleReportFinancialData" />
</template>

Source

forme/blocks/report-financial/ReportFinancial.vue

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