Blazor Barcode Example - GS1 ITF 14
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: ITF-14 supports numeric values (0-9) only and is used to encode a 14-digit GTIN (Global Trade Item Number). The final digit is automatically calculated as a check digit.
Properties
This sample visualizes an ITF-14 barcode, a linear barcode widely used in supply chain and logistics applications to identify cartons and packaging levels. ITF-14 (Interleaved Two-of-Five) encodes a 14-digit GTIN using an interleaved numeric format, making it ideal for case labeling and distribution tracking.
Customize the barcode with the following options:
- Type: Set the
Typeproperty toITF14to render a ITF-14 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.