Docs/Form
data@pdfcn-vue/form

Form

Printable form fields and field groups.

Installation

Terminal

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

Usage

Example

<PdfForm :fields="fields" />

Props

PropTypeDefaultDescription
fieldsFormField[]—Field definitions for printable inputs.
columnsnumber1Fields per row.
labelsbooleantrueShow field labels.

Live preview

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

Form in a document
Rendered with Forme in your browser.
Browser render

Rendering the PDF…

Vue SFC → Uint8Array

Source files

Registry paths
Files installed under components/pdf.
  • forme/components/PdfForm.vue
  • forme/components/form.types.ts

Edit the theme tokens

Try the theme builder