Form

Labeled form groups for PDF inputs.

Installation


$ pnpm dlx shadcn@latest add @pdfcn/takumi/form

import { PdfForm } from "@/components/pdf/form";

<PdfForm title="Contact" groups={[{ fields: [{ label: "Email" }] }]} />

<PdfForm
  variant="outlined"
  labelPosition="left"
  groups={[{ title: "Contact", layout: "two-column", fields }]}
/>

Prop	Type	Default
`title`	`string`	-
`subtitle`	`string`	-
`groups`	`PdfFormGroup[]`	-
`variant`	`'underline' \| 'box' \| 'outlined' \| 'ghost'`	`'underline'`
`labelPosition`	`'above' \| 'left'`	`'above'`
`noWrap`	`boolean`	`false`
`style`	`Style`	-

Groups support single, two-column, and three-column layouts.

On This Page