> For the complete documentation index, see [llms.txt](https://dormakaba-digital.gitbook.io/reactnative-visual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dormakaba-digital.gitbook.io/reactnative-visual/components/qr-code-reader.md).

# QR Code Reader

## Preview

![QR Code Reader in IOS simulator (no camera picture)](https://3422846761-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGP0U4aBj2zuNdsU1Qu%2F-LH2TLSOry-f0RJVwezg%2F-LH2TVwGSlm3I8nM3jQ4%2Fqrcode.gif?alt=media\&token=341e949a-447c-4731-a11b-52486aea0680)

## Code sample

```jsx
import { QRCode } from '@dormakaba/digital-reactnative-visual';

<QRCode
  onSuccess={(code) => {}}
  cameraSide='front'
/>
```

## Props

| **Name**   | **Type** | **Description**                                |
| ---------- | -------- | ---------------------------------------------- |
| onSuccess  | function | called with detected QRCode on successful read |
| cameraSide | string   | Use `front` or `back` to toggle used camera    |