Signatures

A block of signature lines with each signer’s name, role and details.

<Signatures
  signers={[
    { name: "Ana Souza", role: "Technical lead", details: "CREA 123456" },
    { name: "Bruno Lima", role: "Client representative" },
  ]}
/>

Props

Prop	Type	Description
`signers`	`Signer[]`	People who sign, in order
`perRow`	`number`	Signers per row. Default: all of them, up to 3

Signer

Field	Type	Description
`name`	`string`	Printed under the line
`role`	`string`	Job title or role
`details`	`string`	Extra line, e.g. a professional registration number

Layout

Each row is a borderless table: signers share the width, with space above the line for the signature. A row never splits across pages. With more signers than perRow, the rest continue on new rows, and blank cells keep the last row aligned. Signatures is built from Table and Paragraph. For a different layout, copy the idea into your own component.

Limitations

The block is for signing on paper or a PDF. It is not Word’s Signature Line, which lets people sign digitally inside Word.

Getting started

Components

Props

Signer

Layout

Limitations

​Props

​Signer

​Layout

​Limitations

Props

Signer

Layout

Limitations