Blazor Barcode Example - GS1 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
Allowed input characters: GS1 QR Code supports numeric, alphabetic, and supported special characters. Data is encoded using GS1 Application Identifiers (AIs), allowing structured information such as product identifiers, batch numbers, expiration dates, serial numbers, and other business data to be stored within a single QR Code.
Properties
This sample demonstrates how to generate a GS1 QR Code using GS1-compliant data. By combining the high data capacity of QR Codes with GS1 Application Identifiers (AIs), this two-dimensional barcode enables efficient encoding of product, traceability, and business information in a compact format, making it ideal for retail, healthcare, manufacturing, and supply chain applications.
Customize the QR Code with the following options:
- Content: Modify the
Valueproperty to update the encoded GS1 data. - Size: Adjust
WidthandHeightto control the QR Code dimensions. - Colors: Customize the QR Code appearance using the
BackgroundColorandForeColorproperties. - Text Display: Use the
Visibilityproperty to show or hide the human-readable QR Code text. - Spacing: Configure
Marginproperties (left, right, top, and bottom) around the QR Code. - Version: Set the
Versionproperty to control QR Code size and data capacity. - Error Correction: Configure the
ErrorCorrectionLevelproperty to specify the level of error recovery for damaged or partially obscured QR Codes. - Export: Use the
Downloadbutton to export the generated QR Code as an image.