ezqr-astro

Astro component that embeds the EZQR free QR code generator on your site.

Try it live

The same embed this component renders, running on a few popular code-sandbox sites:

• CodePen demo
• JSFiddle demo
• JSitor demo

Install

npm install ezqr-astro

(Requires Astro 4 or later.)

Usage

---
import EzqrGenerator from 'ezqr-astro';
---

<EzqrGenerator />

With props:

---
import EzqrGenerator from 'ezqr-astro';
---

<EzqrGenerator height={640} />

Props

| Prop | Type | Default | Description | | ------------- | --------- | -------- | ----------- | | height | number | 520 | Iframe height in pixels. Width is always 100% of the container. | | attribution | boolean | true | Render a small "Free QR code generator by EZQR" caption below the iframe. Please keep it on - it's how we sustain the free embed. |

Sizing

Width is always 100% of the container. Wrap the component to control width:

<div style="max-width: 500px; margin: 0 auto">
	<EzqrGenerator />
</div>

License

MIT

Links

• EZQR - Free QR Code Generator
• Embed landing page
• ezqr-embed - vanilla-JS version
• ezqr-vue - Vue 3 component