Docs/Report Security
report@pdfcn-vue/report-security

Report Security

Security posture report with findings and risk metrics.

Live preview

Loading block sample…

Installation

Terminal

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

Usage

Example

<script setup lang="ts">
import ReportSecurity from '@/components/pdf/blocks/report-security/ReportSecurity.vue'
import { sampleReportSecurityData } from '@/components/pdf/blocks/report-security/report-security.sample'
</script>

<template>
  <ReportSecurity :data="sampleReportSecurityData" />
</template>
Source
forme/blocks/report-security/ReportSecurity.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