Blazor Barcode Example - QR Code
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Properties
This sample visualizes a QR Code, a machine-readable optical label that contains information about the item to which it is attached. QR codes can encode URLs, contact information, location data, address book entries, and much more.
This example demonstrates how to display a URL as an optical label using the SfQRCodeGenerator component.
Customize the QR barcode with the following options:
- Content: Modify the
Valueproperty to change the barcode content - Size: Adjust
WidthandHeightto control dimensions - Colors: Set
Background ColorandFore Color - Text Display: Use
Text Visibilityto show or hide text - Spacing: Configure
Marginproperties (left, right, top, bottom) - Version: Set the
Versionproperty to control QR code size - Error Correction: Configure the
ErrorCorrectionLevelproperty
Use the Download button to save the barcode as an image.