https://github.com/paxapos/qr-payment-component

Muestra un QR para procesar pagos online hecho con stenciljs
https://github.com/paxapos/qr-payment-component

Last synced: 2 months ago
JSON representation

Muestra un QR para procesar pagos online hecho con stenciljs

• Host: GitHub
• URL: https://github.com/paxapos/qr-payment-component
• Owner: paxapos
• License: mpl-2.0
• Created: 2022-02-01T15:34:45.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-11-04T19:58:11.000Z (about 2 years ago)
• Last Synced: 2024-09-19T02:45:56.246Z (4 months ago)
• Language: TypeScript
• Size: 372 KB
• Stars: 2
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# qr-pay

Generates a QR using href property and shows a checkmark if the done prop is present

```html

```

(show QR of passed URL)

```html

```

(show DONE CHECK MARK)

How dows it works?

```html

   // import stencil js component

   import { defineCustomElements } from "https://cdn.jsdelivr.net/npm/[email protected]/dist/loader/index.es2017.js";

   defineCustomElements();

DONE

UNDONE

  // with JS change "done" property for showing the checkmark

  const qr = document.getElementById("qr");

  const done = () => qr.setAttribute("done", true);

  const undone = () => qr.setAttribute("done", false);

```