layout@pdfcn-vue/stack

Stack

Flex stack with theme gap scale for vertical or horizontal layout.

Installation

Terminal

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

Example

<Stack gap="lg">
  <Heading :level="3">Details</Heading>
  <Text>Aligned content</Text>
</Stack>

Prop	Type	Default	Description
gap	'none' \| 'sm' \| 'md' \| 'lg' \| 'xl'	'md'	Gap from primitive spacing scale.
direction	'vertical' \| 'horizontal'	'vertical'	Flex direction.
align	'start' \| 'center' \| 'end' \| 'stretch'	—	Cross-axis alignment.
justify	'start' \| 'center' \| 'end' \| 'between' \| 'around'	—	Main-axis alignment.
wrap	boolean	false	Allow flex wrap.
noWrap	boolean	false	Keep the stack on one page when possible.
style	Style	—	Merged Forme style override.

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

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