Blazor Barcode - Overview

Boarding Pass
Flight number
May 22
Boarding time
  • Overview.razor
Loading the demo source code...please wait.

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming
blazor ui ninja image

The Barcode component is part of Telerik UI for Blazor, a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.


The Telerik UI for Blazor BarCode component displays data in all popular barcode machine-readable formats. You can iterate through a data source and render multiple barcodes or manually set data for one-off scenarios.

The above demo shows a fictional boarding pass. The data is manually set, but in practice, an application would produce a boarding pass per passenger, each with its own unique barcode. You can configure the barcodes to represent both numeric and character data.

As you can see in the Barcode Encoding demo, all popular formats are supported. These include:

  • Code 39 (default)
  • Code39Extended
  • Code 93
  • Code93Extended
  • EAN-13
  • EAN-8
  • UPC-A
  • UPC-E
  • Code 11
  • Code128
  • Code128A
  • Code128B
  • Code128C
  • GS1-128
  • MSImod10
  • MSImod11
  • MSImod1010
  • MSImod1110

If you are looking for the more modern QR Code format, the Telerik UI for Blazor QRCode component will suit your requirements. Not only can it encode numbers and characters, but its more powerful nature supports URLs, email addresses, SMS, geolocations and more.

This Barcodes Overview example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

Additional Resources

An error has occurred. This application may no longer respond until reloaded.