• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

KendoReact Barcode Overview

The KendoReact Barcode renders a variety of one-dimensional (1D) industry barcodes.

The KendoReact Barcode is distributed through the kendo-react-barcodes NPM package.


The following example demonstrates the Barcode in action.

Example
View Source
Change Theme:

The Barcode is part of the KendoReact Barcodes component library. The procedures for installing, importing, and using the Barcodes are identical for all components in the package. To learn how to use the Barcode and the rest of the Barcodes, see the Getting Started with the KendoReact Barcodes guide.

Key Features

  • Barcode types—You can use an extensive set of encoding schemes (symbologies) that are supported by the Barcode.
  • Configuration options—The Barcode provides fine-grained control over its behavior and appearance.
  • Rendering modes—You can also display the Barcode in a Canvas (bitmap) or an SVG (vector graphics) format.
  • Export options—The Barcode enables you to export its contents to an Image (PNG), PDF, and SVG format.

In this article

Not finding the help you need?