> For the complete documentation index, see [llms.txt](https://docs.thunkable.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.thunkable.com/snap-to-place/barcode-scanner.md).

# Barcode Scanner

## Barcode Scanner Overview

Barcodes and QR codes can be useful features in many types of apps from social apps like WeChat and Venmo to connect friends together or location-based games like scavenger hunts. The Barcode Scanner component uses the camera to read any barcode or QR code.

![](/files/-LrzTfZSt5g5UGaqJ0za)

## Blocks

The Barcode Scanner is among the easiest components to set-up and use. After adding the component to your app, you can connect it with a button and a label like the blocks below.

### Scan

![](/files/-MYdTL2QACD34cpd62Fe)

#### Outputs

| Name          | Data Type  | Data                                                           |
| ------------- | ---------- | -------------------------------------------------------------- |
| value         | text       | value from scanned barcode/QR code                             |
| type          | text       | `barcode` or `QR code`                                         |
| was cancelled | True/False | If user cancelled action, returns `true`; else returns `false` |
| error         | Text       | If error, returns error; else returns `null`                   |

In most cases you'll use the default `back` camera in your mobile device but you also have the option to specify the front camera in certain cases.

![](/files/-LrzVi3yZGE1MRi_HsXC)