QR Code
A highly customizable QR Code component for React applications built with Mantine. Supports multiple dot styles, corner customization, Mantine theme colors, error correction levels, image overlays, size variants, and download as SVG or PNG.
Full documentation and API reference available at gfazioli.github.io/mantine-qr-code
Installation
yarn add @gfazioli/mantine-qr-codeOverview
QR Code generates fully customizable QR codes with Mantine integration:
- Dot styles — square, rounded, or dot patterns
- Corner customization — three configurable finder pattern styles
- Mantine theme colors — use any color from your palette
- Error correction — L, M, Q, H levels (7%-30% damage tolerance)
- Image overlays — embed a logo or image in the center
- Size variants — xs, sm, md, lg, xl
- Download — export as SVG or PNG via
useQRCodeDownloadhook
Last updated on
