QR Code

Generate QR codes from any string value — URLs, contact info, authentication tokens, Wi-Fi credentials, and more. Rendered entirely in SVG with no external dependencies.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

Usage

@using Lumeo

<QrCode />

When to Use

Sharing URLs or deep links that users can scan from a mobile device
Payment codes for invoices, checkout pages, or donation links
App download links pointing to an app store listing
Contact information encoded as vCard for easy sharing

Basic QR Code

https://lumeo.nativ.sh/

Dynamic Value

Error Correction Levels

Low (~7%)

Medium (~15%)

Quartile (~25%)

High (~30%)

Error Correction Level (interactive)

Higher correction means a denser QR code but greater fault tolerance.

Medium

Recovers ~15% of data

Custom Colors

White on primary

Default (theme-aware)

Without Margin

With quiet zone

No margin

Custom Aria Label

Screen readers announce the friendly label instead of the raw URL.

Different Sizes

80px

120px

180px

API Reference

QRCode

Image — Display raster images with preview and lazy loading
Card — Wrap a QR code with context in a card layout
Dialog — Show a QR code in a modal for focused scanning