Barcode Components for JavaScript, Angular, React, and Vue
We have added new barcode components for creating 26 types of barcodes from QR Codes to UPC barcodes. Barcodes represent data in a visual, but machine-readable way. They are used around the world to share and track information. Wijmo barcodes are rendered entirely in JavaScript and require no server-side dependency.
We have introduced a set of new modules that include these barcode components:
- wijmo.barcode (shared code)
- wijmo.barcode.common (popular barcode types including: Codabar, Code39, Code128, EAN, GS1_128, QRCode, UPC)
- wijmo.barcode.composite (popular composite types including: GS1_DataBar, PDF417)
- wijmo.barcode.specialized (less common types including: Code49, Code93, Interleaved2of5, ITF-14, JapanesePostal, DataMatrix)
Let's take a look at each of the new barcode components.
How to Use Codabar Barcode
The Codabar barcode is located in the wijmo.barcode.common module. Codabar barcodes are often used to display serial numbers or IDs.
How to Use Code39 Barcode
The Code39 barcode component is located in the wijmo.barcode.common module. Code39 barcodes are often used in the manufacturing industry.
How to Use Code49 Barcode
The Code49 barcode component is located in the wijmo.barcode.specialized module. Code49 barcodes are stacked series of symbols designed to put a lot of data into a small space.
Working with Code93 Barcode
The Code93 barcode component is located in the wijmo.barcode.specialized module. Code93 barcodes are similar to Code39 barcodes but can contain more characters and in a denser code.
How to Use Code128 Barcode
The Code128 barcode component is located in the wijmo.barcode.common module. Code128 barcodes are very dense and used in industrial applications.
How to Use DataMatrixECC-200 Barcode
The DataMatrixECC-200 barcode component is located in the wijmo.barcode.specialized module. DataMatrixECC-200 barcodes are 2D representations of data in a compact format.
- JavaScript DataMatrixECC-200
- Angular DataMatrixECC-200
- React DataMatrixECC-200
- Vue DataMatrixECC-200
DataMatrix ECC-000 to ECC-140 Barcodes
The DataMatrix barcode component is located in the wijmo.barcode.specialized module. The DataMatrix component is used to display DataMatrix barcodes with specification versions from ECC 000 to ECC 140.
- JavaScript DataMatrix ECC 000
- Angular DataMatrix ECC 000
- React DataMatrix ECC 000
- Vue DataMatrix ECC 000
How To Use EAN-8 Barcode
The EAN-8 barcode component is located in the wijmo.barcode.common module. EAN-8 barcodes are usually used to encode ID numbers.
Working with EAN-13 Barcode
The EAN-13 barcode component is located in the wijmo.barcode.common module. EAN-13 barcodes are usually used to encode ID numbers similar to UPC and EAN-8.
How to Use the GS1-128 Barcode
The GS1-128 barcode component is located in the wijmo.barcode.common module. GS1-128 barcodes are usually used to share transactional data.
How to Use the GS1DataBarExpanded Barcode
The GS1DataBarExpanded barcode component is located in the wijmo.barcode.composite module. GS1DataBarExpanded barcodes are usually used to store longer values.
- JavaScript GS1DataBarExpanded
- Angular GS1DataBarExpanded
- React GS1DataBarExpanded
- Vue GS1DataBarExpanded
How to Use the GS1DataBarExpandedStacked Barcode
The GS1DataBarExpandedStacked barcode component is located in the wijmo.barcode.composite module. GS1DataBarExpandedStacked barcodes are stacks of barcodes for storing multiple values.
- JavaScript GS1 DataBarExpandedStacked
- Angular GS1DataBarExpandedStacked
- React GS1DataBarExpandedStacked
- Vue GS1DataBarExpandedStacked
Working with GS1DataBarLimited Barcode
The GS1DataBarLimited barcode component is located in the wijmo.barcode.composite module. GS1DataBarLimited barcodes are a fixed length and used to save space.
- JavaScript GS1DataBarLimited
- Angular GS1DataBarLimited
- React GS1DataBarLimited
- Vue GS1DataBarLimited
How to Use GS1DataBarOmnidirectional Barcode
The GS1DataBarOmnidirectional barcode component is located in the wijmo.barcode.composite module. GS1DataBarOmnidirectional barcodes are used mainly in retail and can be read omnidirectionally.
- JavaScript GS1DataBarOmnidirectional
- Angular GS1DataBarOmnidirectional
- React GS1DataBarOmnidirectional
- Vue GS1DataBarOmnidirectional
How to Use GS1DataBarStacked Barcode
The GS1DataBarStacked barcode component is located in the wijmo.barcode.composite module. GS1DataBarStacked barcodes are small stacked codes used to save space.
- JavaScript GS1DataBarStacked
- Angular GS1DataBarStacked
- React GS1DataBarStacked
- Vue GS1DataBarStacked
How to Use GS1DataBarStackedOmnidirectional Barcode
The GS1DataBarStackedOmnidirectional barcode component is located in the wijmo.barcode.composite module. GS1DataBarStackedOmnidirectional barcodes are small stacked codes that can be read omnidirectionally.
- JavaScript GS1DataBarStackedOmnidirectional
- Angular GS1DataBarStackedOmnidirectional
- React GS1DataBarStackedOmnidirectional
- Vue GS1DataBarStackedOmnidirectional
Working with GS1DataBarTruncated Barcode
The GS1DataBarTruncated barcode component is located in the wijmo.barcode.composite module. GS1DataBarTruncated barcodes are compact and used mainly in healthcare.
- JavaScript GS1DataBarTruncated
- Angular GS1DataBarTruncated
- React GS1DataBarTruncated
- Vue GS1DataBarTruncated
Interleaved2of5 Barcode
The Interleaved2of5 barcode component is located in the wijmo.barcode.specialized module. Interleaved2of5 barcodes contain only numbers.
How to Use ITF-14 Barcode
The ITF-14 barcode component is located in the wijmo.barcode.specialized module. ITF-14 barcodes are used widely for logistics.
How to Use the JapanesePostal Barcode
The JapanesePostal barcode component is located in the wijmo.barcode.specialized module. JapanesePostal barcodes are used by Japan's postal service to track mail.
How to Use PDF417 Barcode
The PDF417 barcode component is located in the wijmo.barcode.composite module. PDF417 barcodes are two dimensional, stacked, and variable length. They are often used in ID cards.
Working with MicroPDF417 Barcode
The MicroPDF417 barcode component is located in the wijmo.barcode.composite module. MicroPDF417 barcodes are used to put data into a very compact space.
How to Use the QRCode Barcode
The QRCode barcode component is located in the wijmo.barcode.common module. QRCodes are used to share information like URLs and prevalent in advertising.
How to Use a UPC-A Barcode
The UPC-ACode barcode component is located in the wijmo.barcode.common module. UPC-A barcodes are commonly used in retail.
How to Use UPC-E0 Barcode
The UPC-E0Code barcode component is located in the wijmo.barcode.common module. UPC-E0 barcodes are a more compact version of UPC and are commonly used in retail.
Working with UPC-E1 Barcode
The UPC-E1Code barcode component is located in the wijmo.barcode.common module. UPC-E1 barcodes are a more compact version of UPC and are commonly used in retail.
Chris Bannon