layout@pdfcn-vue/section

Section

Titled section container with theme section spacing.

Installation

Terminal

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

Example

<Section title="Line items">
  <Table>…</Table>
</Section>

Prop	Type	Default	Description
title	string	—	Optional section title.
description	string	—	Optional supporting line under the title.
spacing	'compact' \| 'default' \| 'relaxed'	'default'	Vertical rhythm around the section.

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

Section 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.