- Put this script tag
<script src='https://unpkg.com/bexqr@latest/dist/bex-qr.js'></script>in the head of your index.html
- Run
npm install bexqr --save - Put this script tag
<script src='node_modules/bexqr/dist/bex-qr.js'></script>in the head of your index.html
- Run
npm install bexqr --save - Add
{ name: 'bexqr' }to yourcollections.
Insert the element in your code and enter your custom properties:
<bex-qr address="BQQsQfMLneMx4AjvCUvgX3CRSi1wJHdf1j" amount="12.17"></bex-qr><body>
<bex-qr address="BQQsQfMLneMx4AjvCUvgX3CRSi1wJHdf1j" amount="12.17" vendor-field="Greetings%20Martian!" size="200" show-logo="true">
<script>
document.querySelector('bex-qr').getURI();
// => bex:BQQsQfMLneMx4AjvCUvgX3CRSi1wJHdf1j?amount=12.17&vendorField=Greetings%20Martian!
</script>
</body>Generate this QR code:
| Attribute | Description | Type | Required |
|---|---|---|---|
| address | BEX recipient address encoded in Base58. | String | Yes |
| amount | Amount in BEX (ƀ) or TEX (Ⱦ). | Number | No |
| label | Recipient label string. | String | No |
| size | Size of the QR code (pixels) | Number | No |
| show-logo | Display the BEX currency symbol in QR code | Boolean | No |
| vendor-field | Vendor field string (encoded URI). | String | No |
You can interact with the component data using the methods below:
Format the properties entered to the BEX URI scheme.
document.querySelector('bex-qr').getURI();
// => bex:BQQsQfMLneMx4AjvCUvgX3CRSi1wJHdf1j?amount=12.17Generates a base64 encoded data URI for the QR code.
document.querySelector('bex-qr').getDataURL();
// => data:image/png;base64,iVBORw0KGgoAAAANSUhE...n6ofvMC4I9AAAAAElFTkSuQmCCValidate an URI string.
const uri = 'bex:BQQsQfMLneMx4AjvCUvgX3CRSi1wJHdf1j?amount=12.17';
document.querySelector('bex-qr').validateURI(uri);
// => ["bex:BQQsQfMLneMx4AjvCUvgX3CRSi1wJHdf1j?amount=12.17", "BQQsQfMLneMx4AjvCUvgX3CRSi1wJHdf1j", "?amount=12.17"]Deserialize the URI scheme to a JSON object.
const uri = 'bex:BQQsQfMLneMx4AjvCUvgX3CRSi1wJHdf1j?amount=12.17&vendorField=Greetings%20Martian!';
document.querySelector('bex-qr').deserializeURI(uri);
// => { address: 'BQQsQfMLneMx4AjvCUvgX3CRSi1wJHdf1j', amount: 12.17, label: null, vendorField: 'Greetings Martian!' }Instantiate a URI from an Object.
const obj = { address: BQQsQfMLneMx4AjvCUvgX3CRSi1wJHdf1j, amount: 12.17 };
const element = document.querySelector('bex-qr').fromObject(obj);
// => <bex-qr address="BQQsQfMLneMx4AjvCUvgX3CRSi1wJHdf1j" amount="12.17">- Jared Rice Sr. [email protected]
- Distributed Webs Project, LLC [email protected]
- Lúcio Rubens [email protected]
BexQR is licensed under the MIT License - see the LICENSE file for details.