react-jsbarcode

About

This is a React component wrapping up jsbarcode. Written as a React functional component using React hooks.

CodeSandbox Demo

Installation

using NPM

npm i react-jsbarcode

using yarn

yarn add react-jsbarcode

using PNPM

pnpm add react-jsbarcode

Usage

• Basic usage

import Barcode from 'react-jsbarcode';

const App = () => {
  return <Barcode value="ABC123" />;
};

• Advanced usage

import Barcode from 'react-jsbarcode';

const App = () => {
  return <Barcode value="ABC123" options={{ format: 'code128' }} renderer="svg" />;
};

For all options refer jsbarcode wiki.

Renderers

JSBarcode supports rendering to SVG, image and canvas. Default renderer is 'svg'.