Blazor Barcode Example - GS1 Code128
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 Code 128 supports numeric values (0-9), uppercase and lowercase alphabetic characters (A-Z, a-z), and supported ASCII special characters. Data should be encoded using valid GS1 Application Identifiers (AIs) to represent structured business information.
Properties
This sample demonstrates how to generate an ITF-14 barcode. Designed for carton and case-level identification, this linear barcode encodes a 14-digit Global Trade Item Number (GTIN) in a compact, high-density format, making it ideal for packaging, warehousing, distribution, and supply chain applications.
Customize the barcode with the following options:
- Type: Set the
Typeproperty toGS1Code128to render a GS1 Code 128 barcode. - 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.