Package Exports

@barcode-bakery/barcode-react
@barcode-bakery/barcode-react/1d
@barcode-bakery/barcode-react/aztec
@barcode-bakery/barcode-react/databarexpanded
@barcode-bakery/barcode-react/datamatrix
@barcode-bakery/barcode-react/maxicode
@barcode-bakery/barcode-react/pdf417
@barcode-bakery/barcode-react/qrcode

Readme

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

$ 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} />;
}

JSPM

@barcode-bakery/barcode-react