Socket
Socket
Sign inDemoInstall

@granite-elements/granite-qrcode-scanner

Package Overview
Dependencies
20
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @granite-elements/granite-qrcode-scanner

An element to scan a QR Code using the device camera


Version published
Weekly downloads
9
Maintainers
1
Created
Weekly downloads
 

Readme

Source

Published on webcomponents.org

granite-qrcode-scanner

A webcomponent to scan a QR Codes, using a modified version of Lazersoft's jsqrcode library, to allow jsqrcode to deal with ShadowDOM

Built on lit-element

The old Polymer 2.x-1.x version is available on the polymer-hybrid branch.

Doc & demo

https://lostinbrittany.github.io/granite-qrcode-scanner

Usage example

<granite-qrcode-scanner active continuous></granite-qrcode-scanner>

Install

Install the component using npm:

$ npm i @granite-elements/granite-qrcode-scanner 

Once installed, import it in your application:

import '@granite-elements/granite-qrcode-scanner/granite-qrcode-scanner.js';

Running demos and tests in browser

  1. Fork the granite-qrcode-scanner repository and clone it locally.

  2. Make sure you have npm and the Polymer CLI installed.

  3. When in the granite-qrcode-scanner directory, run npm install to install dependencies.

  4. Serve the project using Polyumer CLI:

    polymer serve --npm

  5. Open the demo in the browser

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

License

MIT License

Keywords

FAQs

Last updated on 26 Aug 2019

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc