How to embed camera scanner in POS UI extension

Extensions
1

I’m building a POS UI extension using Preact and the Polaris web components.

Previously, when using the React adapter (@shopify/ui-extensions-react/point-of-sale), I could embed the camera scanner directly in a smart grid modal via the CameraScanner component plus useScannerDataSubscription(), and get a full-screen camera view with live scan data.

Now that I’m using the Preact + web components setup, I’m only able to access scanner events via the Scanner API, which gives me scan data but no embedded camera UI.

Is there an equivalent to CameraScanner? Or is there any supported way to embed a camera scanner view inside a pos.home.modal.render screen?

2

It looks like the camera API is coming in 2026-01, but it’s not available in the current release of the POS web components.

1 Like