Scan Several Pages with the Camera

ProNew

Capture a document page by page: each photo joins a numbered list of pages with thumbnails, each page can be retaken or deleted, the pages can be reordered, and Done hands over the ordered files. Use this when a document has more than one page.

Customize

Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.

maxPages10

Guide and examples

When to use it

People photograph multi-page paperwork (contracts, medical forms, receipts) in one go.

Do not use it when: For one photo, use the document capture. Scans need cropping and straightening to look good; do that on the server if you need it.

Installation

This item is part of tealmac UI Pro

The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.

Props

Prop	Type	Default	Description
`maxPages`	`number`	`10`	Most pages.
`onDone`	`(pages: File[]) => void`	-	The pages in their final order.

Accessibility

Pages are an ordered list ("Scanned pages in order") with a thumbnail that has alt text ("Page 2") and named buttons for move, retake and delete; every change is announced in a polite status.
The camera belongs to the Webcam Capture component: it starts from a button, shows permission errors as alerts and stops after each shot. The rear camera is requested and the preview is not mirrored.
Done is labelled with the number of pages and disabled while there are none.

Testing

The pattern ships with a Testing Library test (multi-page-camera-scan.test.tsx) that covers: its main behaviour, the keyboard path and the error or empty states.

Guide and examples

When to use it

People photograph multi-page paperwork (contracts, medical forms, receipts) in one go.

Do not use it when: For one photo, use the document capture. Scans need cropping and straightening to look good; do that on the server if you need it.

Installation

This item is part of tealmac UI Pro

The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.

Props

Prop	Type	Default	Description
`maxPages`	`number`	`10`	Most pages.
`onDone`	`(pages: File[]) => void`	-	The pages in their final order.

Accessibility

Pages are an ordered list ("Scanned pages in order") with a thumbnail that has alt text ("Page 2") and named buttons for move, retake and delete; every change is announced in a polite status.
The camera belongs to the Webcam Capture component: it starts from a button, shows permission errors as alerts and stops after each shot. The rear camera is requested and the preview is not mirrored.
Done is labelled with the number of pages and disabled while there are none.

Testing

The pattern ships with a Testing Library test (multi-page-camera-scan.test.tsx) that covers: its main behaviour, the keyboard path and the error or empty states.