Blazor Barcode Example - GS1 DotCode
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 DotCode supports numeric, alphanumeric, and supported special characters. Data is encoded using GS1 Application Identifiers (AIs), enabling structured business information such as product identifiers, batch numbers, expiration dates, and serial numbers to be stored in a compact symbol.
Properties
This sample demonstrates how to generate a GS1 DotCode using GS1-compliant data. Combining DotCode technology with GS1 Application Identifiers (AIs), this two-dimensional barcode efficiently encodes product and traceability information in a compact, machine-readable format, making it ideal for healthcare, pharmaceutical, manufacturing, and logistics applications where printing space is limited.
Customize the DotCode with the following options:
- Content: Modify the
Valueproperty to update the encoded GS1 data. - Size: Adjust
WidthandHeightto control the barcode dimensions. - Colors: Customize the barcode appearance using the
BackgroundColorandForeColorproperties. - Text Display: Use the
Visibilityproperty to show or hide the human-readable barcode text. - Spacing: Configure
Marginproperties (left, right, top, and bottom) around the barcode. - Text Alignment: Set the display text
Position(top or bottom) andAlignment(center, left, or right). - Export: Use the
Downloadbutton to export the generated barcode as an image.