@barcode-bakery/barcode-react

Barcode Bakery ·

This repository allows you to generate 1D barcodes in React. You can find more information on our Barcode Bakery website.

The TypeScript library is under the Creative Commons Attribution-NoDerivatives 4.0 International.

Please consider doing a donation.

Installation

• Run the following command:

$ npm install @barcode-bakery/barcode-react

or

$ yarn add @barcode-bakery/barcode-react

You can follow our developer's guide on our website to learn how to use our library.

Example

1D Barcode

import { BakeryCode128 } from '@barcode-bakery/barcode-react/1d';

export default function Home() {
  return <BakeryCode128 text="a123" thickness={30} scale={1} />;
}

Aztec

import { BakeryAztec } from '@barcode-bakery/barcode-react/aztec';

export default function Home() {
  return <BakeryAztec text="Aztec" scale={1} />;
}

Databar Expanded

import { BakeryDatabarexpanded } from '@barcode-bakery/barcode-react/databarexpanded';

export default function Home() {
  return <BakeryDatabarexpanded text="01900123456789083103001750" scale={1} />;
}

DataMatrix

import { BakeryDatamatrix } from '@barcode-bakery/barcode-react/datamatrix';

export default function Home() {
  return <BakeryDatamatrix text="DataMatrix" scale={1} />;
}

MaxiCode

import { BakeryMaxicode } from '@barcode-bakery/barcode-react/maxicode';

export default function Home() {
  return <BakeryMaxicode text="MaxiCode" scale={1} />;
}

PDF417

import { BakeryPdf417 } from '@barcode-bakery/barcode-react/pdf417';

export default function Home() {
  return <BakeryPdf417 text="PDF417" scale={1} />;
}

QRCode

import { BakeryQrcode } from '@barcode-bakery/barcode-react/qrcode';

export default function Home() {
  return <BakeryQrcode text="QRCode" scale={1} />;
}

Supported types

1D

• Codabar
• Code 11
• Code 128
• Code 39
• Code 39 Extended
• Code 93
• EAN-13
• EAN-8
• Interleaved 2 of 5
• ISBN-10 / ISBN-13
• MSI Plessey
• Other (Custom)
• Standard 2 of 5
• UPC-A
• UPC-E
• UPC Extension 2
• UPC Extension 5

2D

• Aztec
• Databar Expanded
• DataMatrix
• MaxiCode
• PDF417
• QRCode