Barcode / QR

The Barcode widget uses the device's camera to scan and decode a wide variety of barcode formats, including QR codes and traditional product barcodes.

When activated, it opens a full-screen camera view. Once a barcode is detected, the widget automatically captures its value and closes the scanner, providing a seamless experience for data entry and product identification tasks.

The Barcode/QR-Code scanner button in the UI

Data Binding

Connect the widget to your application's logic by dragging the corresponding items from the Flow Builder.

Input

Property	Type	Description
barcode	String	Fired when a barcode is successfully scanned. The payload is the text content decoded from the barcode.

Output

Property	Type	Description
clear	Boolean	When true, clears the last scanned barcode value from your application's state.

Configuration

Settings

The barcode scanner is launched by a button. You can customize its appearance using standard button properties. Common properties include:

• text: The text displayed on the button (e.g., "Scan Barcode").

• icon: The icon displayed on the button (e.g., "fa-thin fa-barcode-scan").

• type: The button's style type (normal, default, success, danger).

• stylingMode: The visual style of the button (text, outlined, contained).