Skip to the rows

agentsclimarketplace

Syncfusion blazor barcode

Skill syncfusion/blazor-ui-components-skills/skills/syncfusion-blazor-barcode

The skills guide Blazor development across all hosting models (Server, WASM, Hybrid, Auto) including data grid, chart, scheduler, rich text editor, gantt chart and more.

Install

npx -y skills add syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-barcode

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Build and troubleshoot barcode generation in Blazor using SfBarcodeGenerator, SfQRCodeGenerator, and SfDataMatrixGenerator. Trigger for 1D barcodes (Code39, Code128, Codabar), QR codes with logo and error correction, Data Matrix, checksum validation, and exporting barcodes to images in Syncfusion Blazor apps.

SKILL.md

5.1 KB, as published. Nobody here has run it

Syncfusion Blazor Barcode Generator

Syncfusion's Blazor Barcode Generator package (Syncfusion.Blazor.BarcodeGenerator) provides three components for generating barcodes in Blazor applications:

Component	Use For
`SfBarcodeGenerator`	1D linear barcodes (Code39, Code128, Codabar, etc.)
`SfQRCodeGenerator`	QR codes with optional logo embedding
`SfDataMatrixGenerator`	2D Data Matrix codes for compact encoding

All three work in Blazor Server, Blazor WebAssembly, and Blazor Web App (.NET 8+).

When to Use This Skill

User needs to render or display a barcode in a Blazor component
User asks about QR code generation (e.g., product links, 2FA, contact cards)
User needs Data Matrix codes (pharmaceutical, logistics, label printing)
User is configuring SfBarcodeGenerator, SfQRCodeGenerator, or SfDataMatrixGenerator
User asks about exporting a barcode as an image (JPG/PNG) or Base64
User asks about barcode types, error correction, checksums, or validation events
User is embedding a logo in a QR code

Navigation Guide

Setting Up the Project

📄 Read: references/getting-started.md

NuGet package installation
_Imports.razor namespace configuration
Service registration in Program.cs
Stylesheet and script references
Setup for Blazor Server, WebAssembly, and Web App
Adding the first barcode component to a page

1D Barcode Types and Configuration

📄 Read: references/barcode-types.md

All supported BarcodeType enum values with descriptions
Code39, Code39 Extended, Code11, Code32, Code93, Codabar, Code128
Choosing the right type for your use case
EnableCheckSum configuration
OnValidationFailed event handling

QR Code Generator

📄 Read: references/qr-code-generator.md

Basic QR code usage
Error correction levels (L, M, Q, H)
Embedding a logo image in the QR code center
Customizing logo size
Color, dimension, and display text customization
OnValidationFailed event

Data Matrix Generator

📄 Read: references/data-matrix-generator.md

Basic Data Matrix code usage
Color, dimension, and display text customization
Common use cases (pharmaceuticals, labels)
OnValidationFailed event

Exporting and Customizing Barcodes

📄 Read: references/export-and-customization.md

Export barcode to image file (JPG/PNG)
Export as Base64 string
ForeColor for custom barcode color
Width / Height for sizing
BarcodeGeneratorDisplayText for label text
Applies to all three generator types

Quick Start Examples

1D Barcode

@using Syncfusion.Blazor.BarcodeGenerator

<SfBarcodeGenerator Width="200px" Height="150px"
                    Type="@BarcodeType.Code128"
                    Value="SYNCFUSION">
</SfBarcodeGenerator>

QR Code

@using Syncfusion.Blazor.BarcodeGenerator

<SfQRCodeGenerator Width="200px" Height="200px"
                   Value="https://www.syncfusion.com">
</SfQRCodeGenerator>

Data Matrix

@using Syncfusion.Blazor.BarcodeGenerator

<SfDataMatrixGenerator Width="200" Height="150"
                       Value="SYNCFUSION">
</SfDataMatrixGenerator>

Key Properties

Property	Applies To	Description
`Value`	All	The data string to encode
`Width`	All	Width of the barcode (px or %)
`Height`	All	Height of the barcode (px or %)
`Type`	`SfBarcodeGenerator`	`BarcodeType` enum — selects the 1D symbology
`ForeColor`	All	Color of the barcode bars (e.g., `"red"`, `"#333"`)
`EnableCheckSum`	`SfBarcodeGenerator`	Adds/validates checksum digit (default `true` for Code39)
`ErrorCorrectionLevel`	`SfQRCodeGenerator`	QR error recovery: Low, Medium, Quartile, High
`OnValidationFailed`	All	Event triggered when `Value` contains invalid characters

Common Use Cases

Need	Component	Read
Product/inventory labels	`SfBarcodeGenerator` (Code128/Code39)	barcode-types.md
URL / contact / 2FA QR code	`SfQRCodeGenerator`	qr-code-generator.md
Branded QR code with logo	`SfQRCodeGenerator` + `QRCodeLogo`	qr-code-generator.md
Pharmaceutical / shipping labels	`SfDataMatrixGenerator`	data-matrix-generator.md
Download barcode as image	`.Export()` method	export-and-customization.md
Embed barcode in email/PDF	`.ExportAsBase64Image()`	export-and-customization.md

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.