Barcodes
Generate barcodes and QR codes for Vaadin
Generate barcode and QR Codes for your Vaadin application. Backed up by bwip-js (and BWIPP) you can generate over 100 different kind of encoded barcodes and QR codes.
Usage
Barcode qrcode = new Barcode("https://vaadin.com/directory/component/barcodes/",
Barcode.Type.qrcode,
"200px",
"200px");
add(qrcode);
Full list of supported barcode and QR code types can be found below.
Vaadin 8
This component is exclusively for Vaadin 14 and if you are looking a solution for Vaadin 8, have a look at https://vaadin.com/directory/component/qrcode.
Links
Supported Barcode Types
- auspost : AusPost 4 State Customer Code
- azteccode : Aztec Code
- azteccodecompact : Compact Aztec Code
- aztecrune : Aztec Runes
- bc412 : BC412
- channelcode : Channel Code
- codablockf : Codablock F
- code11 : Code 11
- code128 : Code 128
- code16k : Code 16K
- code2of5 : Code 25
- code32 : Italian Pharmacode
- code39 : Code 39
- code39ext : Code 39 Extended
- code49 : Code 49
- code93 : Code 93
- code93ext : Code 93 Extended
- codeone : Code One
- coop2of5 : COOP 2 of 5
- daft : Custom 4 state symbology
- databarexpanded : GS1 DataBar Expanded
- databarexpandedcomposite : GS1 DataBar Expanded Composite
- databarexpandedstacked : GS1 DataBar Expanded Stacked
- databarexpandedstackedcomposite : GS1 DataBar Expanded Stacked Composite
- databarlimited : GS1 DataBar Limited
- databarlimitedcomposite : GS1 DataBar Limited Composite
- databaromni : GS1 DataBar Omnidirectional
- databaromnicomposite : GS1 DataBar Omnidirectional Composite
- databarstacked : GS1 DataBar Stacked
- databarstackedcomposite : GS1 DataBar Stacked Composite
- databarstackedomni : GS1 DataBar Stacked Omnidirectional
- databarstackedomnicomposite : GS1 DataBar Stacked Omnidirectional Composite
- databartruncated : GS1 DataBar Truncated
- databartruncatedcomposite : GS1 DataBar Truncated Composite
- datalogic2of5 : Datalogic 2 of 5
- datamatrix : Data Matrix
- datamatrixrectangular : Data Matrix Rectangular
- datamatrixrectangularextension : Data Matrix Rectangular Extension
- dotcode : DotCode
- ean13 : EAN-13
- ean13composite : EAN-13 Composite
- ean14 : GS1-14
- ean2 : EAN-2 (2 digit addon)
- ean5 : EAN-5 (5 digit addon)
- ean8 : EAN-8
- ean8composite : EAN-8 Composite
- flattermarken : Flattermarken
- gs1-128 : GS1-128
- gs1-128composite : GS1-128 Composite
- gs1-cc : GS1 Composite 2D Component
- gs1datamatrix : GS1 Data Matrix
- gs1datamatrixrectangular : GS1 Data Matrix Rectangular
- gs1northamericancoupon : GS1 North American Coupon
- gs1qrcode : GS1 QR Code
- hanxin : Han Xin Code
- hibcazteccode : HIBC Aztec Code
- hibccodablockf : HIBC Codablock F
- hibccode128 : HIBC Code 128
- hibccode39 : HIBC Code 39
- hibcdatamatrix : HIBC Data Matrix
- hibcdatamatrixrectangular : HIBC Data Matrix Rectangular
- hibcmicropdf417 : HIBC MicroPDF417
- hibcpdf417 : HIBC PDF417
- hibcqrcode : HIBC QR Code
- iata2of5 : IATA 2 of 5
- identcode : Deutsche Post Identcode
- industrial2of5 : Industrial 2 of 5
- interleaved2of5 : Interleaved 2 of 5 (ITF)
- isbn : ISBN
- ismn : ISMN
- issn : ISSN
- itf14 : ITF-14
- japanpost : Japan Post 4 State Customer Code
- kix : Royal Dutch TPG Post KIX
- leitcode : Deutsche Post Leitcode
- mailmark : Royal Mail Mailmark
- matrix2of5 : Matrix 2 of 5
- maxicode : MaxiCode
- micropdf417 : MicroPDF417
- microqrcode : Micro QR Code
- msi : MSI Modified Plessey
- onecode : USPS Intelligent Mail
- pdf417 : PDF417
- pdf417compact : Compact PDF417
- pharmacode : Pharmaceutical Binary Code
- pharmacode2 : Two-track Pharmacode
- planet : USPS PLANET
- plessey : Plessey UK
- posicode : PosiCode
- postnet : USPS POSTNET
- pzn : Pharmazentralnummer (PZN)
- qrcode : QR Code
- rationalizedCodabar : Codabar
- raw : Custom 1D symbology
- royalmail : Royal Mail 4 State Customer Code
- sscc18 : SSCC-18
- symbol : Miscellaneous symbols
- telepen : Telepen
- telepennumeric : Telepen Numeric
- ultracode : Ultracode
- upca : UPC-A
- upcacomposite : UPC-A Composite
- upce : UPC-E
- upcecomposite : UPC-E Composite
Sample code
// Defaults defaults Barcode qrcode = new Barcode("https://vaadin.com/directory/component/barcodes/", Barcode.Type.qrcode, "200px", "200px"); add(qrcode);
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Initial public release.
- Released
- 2020-03-27
- Maturity
- BETA
- License
- Apache License 2.0
Compatibility
- Framework
- Vaadin 14+
- Browser
- Browser Independent
Barcodes - Vaadin Add-on Directory
Generate barcodes and QR codes for VaadinGenerate barcode and QR Codes for your Vaadin application. Backed up by [bwip-js](https://github.com/metafloor/bwip-js) (and BWIPP) you can generate over 100 different kind of encoded barcodes and QR codes.
### Usage
```
Barcode qrcode = new Barcode("https://vaadin.com/directory/component/barcodes/",
Barcode.Type.qrcode,
"200px",
"200px");
add(qrcode);
```
Full list of supported barcode and QR code types can be found below.
### Vaadin 8
This component is exclusively for Vaadin 14 and if you are looking a solution for Vaadin 8, have a look at https://vaadin.com/directory/component/qrcode.
### Links
* [bwip-js in GitHub](https://github.com/metafloor/bwip-js)
* [BWIPP Documentation](https://github.com/bwipp/postscriptbarcode/wiki)
### Supported Barcode Types
- auspost : AusPost 4 State Customer Code
- azteccode : Aztec Code
- azteccodecompact : Compact Aztec Code
- aztecrune : Aztec Runes
- bc412 : BC412
- channelcode : Channel Code
- codablockf : Codablock F
- code11 : Code 11
- code128 : Code 128
- code16k : Code 16K
- code2of5 : Code 25
- code32 : Italian Pharmacode
- code39 : Code 39
- code39ext : Code 39 Extended
- code49 : Code 49
- code93 : Code 93
- code93ext : Code 93 Extended
- codeone : Code One
- coop2of5 : COOP 2 of 5
- daft : Custom 4 state symbology
- databarexpanded : GS1 DataBar Expanded
- databarexpandedcomposite : GS1 DataBar Expanded Composite
- databarexpandedstacked : GS1 DataBar Expanded Stacked
- databarexpandedstackedcomposite : GS1 DataBar Expanded Stacked Composite
- databarlimited : GS1 DataBar Limited
- databarlimitedcomposite : GS1 DataBar Limited Composite
- databaromni : GS1 DataBar Omnidirectional
- databaromnicomposite : GS1 DataBar Omnidirectional Composite
- databarstacked : GS1 DataBar Stacked
- databarstackedcomposite : GS1 DataBar Stacked Composite
- databarstackedomni : GS1 DataBar Stacked Omnidirectional
- databarstackedomnicomposite : GS1 DataBar Stacked Omnidirectional Composite
- databartruncated : GS1 DataBar Truncated
- databartruncatedcomposite : GS1 DataBar Truncated Composite
- datalogic2of5 : Datalogic 2 of 5
- datamatrix : Data Matrix
- datamatrixrectangular : Data Matrix Rectangular
- datamatrixrectangularextension : Data Matrix Rectangular Extension
- dotcode : DotCode
- ean13 : EAN-13
- ean13composite : EAN-13 Composite
- ean14 : GS1-14
- ean2 : EAN-2 (2 digit addon)
- ean5 : EAN-5 (5 digit addon)
- ean8 : EAN-8
- ean8composite : EAN-8 Composite
- flattermarken : Flattermarken
- gs1-128 : GS1-128
- gs1-128composite : GS1-128 Composite
- gs1-cc : GS1 Composite 2D Component
- gs1datamatrix : GS1 Data Matrix
- gs1datamatrixrectangular : GS1 Data Matrix Rectangular
- gs1northamericancoupon : GS1 North American Coupon
- gs1qrcode : GS1 QR Code
- hanxin : Han Xin Code
- hibcazteccode : HIBC Aztec Code
- hibccodablockf : HIBC Codablock F
- hibccode128 : HIBC Code 128
- hibccode39 : HIBC Code 39
- hibcdatamatrix : HIBC Data Matrix
- hibcdatamatrixrectangular : HIBC Data Matrix Rectangular
- hibcmicropdf417 : HIBC MicroPDF417
- hibcpdf417 : HIBC PDF417
- hibcqrcode : HIBC QR Code
- iata2of5 : IATA 2 of 5
- identcode : Deutsche Post Identcode
- industrial2of5 : Industrial 2 of 5
- interleaved2of5 : Interleaved 2 of 5 (ITF)
- isbn : ISBN
- ismn : ISMN
- issn : ISSN
- itf14 : ITF-14
- japanpost : Japan Post 4 State Customer Code
- kix : Royal Dutch TPG Post KIX
- leitcode : Deutsche Post Leitcode
- mailmark : Royal Mail Mailmark
- matrix2of5 : Matrix 2 of 5
- maxicode : MaxiCode
- micropdf417 : MicroPDF417
- microqrcode : Micro QR Code
- msi : MSI Modified Plessey
- onecode : USPS Intelligent Mail
- pdf417 : PDF417
- pdf417compact : Compact PDF417
- pharmacode : Pharmaceutical Binary Code
- pharmacode2 : Two-track Pharmacode
- planet : USPS PLANET
- plessey : Plessey UK
- posicode : PosiCode
- postnet : USPS POSTNET
- pzn : Pharmazentralnummer (PZN)
- qrcode : QR Code
- rationalizedCodabar : Codabar
- raw : Custom 1D symbology
- royalmail : Royal Mail 4 State Customer Code
- sscc18 : SSCC-18
- symbol : Miscellaneous symbols
- telepen : Telepen
- telepennumeric : Telepen Numeric
- ultracode : Ultracode
- upca : UPC-A
- upcacomposite : UPC-A Composite
- upce : UPC-E
- upcecomposite : UPC-E Composite
View on GitHubIssue tracker
Barcodes version 1.0.0
Initial public release.