primitives@pdfcn-vue/card

Card

Bordered or muted content card for grouping document blocks.

Installation

Terminal

npx shadcn-vue@latest add @pdfcn-vue/card

Example

<Card variant="bordered" padding="md">
  <Text>Card body</Text>
</Card>

Prop	Type	Default	Description
variant	'default' \| 'bordered' \| 'muted'	'default'	Visual treatment.
padding	'sm' \| 'md' \| 'lg'	'md'	Inner padding scale.
style	Style	—	Merged Forme style override.

The gallery uses a shared document. Change its theme in the theme builder to compare tokens.

Card in a document

Rendered with Forme in your browser.

Browser render

Rendering the PDF…

Vue SFC → Uint8Array

Registry paths

Files installed under components/pdf.

Need the full template?

See blocks for invoices and reports composed from these primitives.