Building an interface for scanning documents with the Classic UI

You can use native components to embed the SDK's document scanning functionalities directly into your React layouts, allowing you to customize the user interface and experience in great detail and precision.

ScanbotDocumentScannerView exposes a configurable camera view that allows you to detect documents in real time.

Usage

Embed the component in your layout and use the onDocumentScannerResult callback to handle the document result. The onDetectionResult callback provides the detection status of the document being scanned.

You can customize the UI and behavior of ScanbotDocumentScannerView by using the component's properties. Each property is optional and falls back to its default value if not specified.

More on the available properties can be found in the API documentation.

Example:

Document Scanner View Example

loading...

See full example on GitHub

Want to scan longer than one minute?

Generate a free trial license to test the Scanbot SDK thoroughly.

Get free trial license

Scanbot SDK is part of the Apryse SDK product family

A mobile scan is just the start. With Apryse SDKs, you can expand mobile workflows into full cross‑platform document processing. Whether you need to edit PDFs, add secure digital signatures, or use a fast, customizable document viewer and editor, Apryse gives you the tools to build powerful features quickly.

Learn more

Was this helpful?