QR Code Scanner

QR Codes sind praktisch um Inhalte wie URLs oder anderes schnell zu teilen. Mit dem QR Code Scanner können Sie QR Codes scannen und die darin enthaltenen Informationen anzeigen.

import Scanner from '@tdev-components/shared/QR-Code/Scanner';

<Scanner />

http://localhost:3000

Laden...

Links direkt öffnen

import Scanner from '@tdev-components/shared/QR-Code/Scanner';

<Scanner redirect inNewTab />

http://localhost:3000

Laden...

Optionen

onScan

Callback Funktion, die aufgerufen wird, wenn ein QR Code gescannt wurde.

<Scanner onScan={(content: sring) => console.log(content)} />

hideOpenLinkButton

Versteckt den Button zum Öffnen des Inhalts als Link.

boolean

Standard: false

redirect

Der Inhalt des QR Codes als URL behandelt und direkt geöffnet.

boolean

Standard: false

inNewTab

Der Inhalt des QR Codes wird in einem neuen Tab geöffnet.

boolean

Standard: false

Installation

Code

• src/components/shared/QR-Code/Scanner

npm

yarn add @yudiel/react-qr-scanner