react-jsbarcode

react-jsbarcode

About

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

Demo

Installation

using NPM

npm i react-jsbarcode

using yarn

yarn add react-jsbarcode

using PNPM

pnpm add react-jsbarcode

Usage

• Basic usage

import { ReactBarcode } from 'react-jsbarcode';

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

• Advanced usage

import { ReactBarcode } from 'react-jsbarcode';

const App = () => {
  return <ReactBarcode 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'.

Changelog

1.0.1 (2024-05-20)

Bug Fixes

• :bug: const enum issue (737445a)

Bug Fixes

• :bug: add missing dependency to the useEffect hook (cb97a3d)

Code Refactoring

• :recycle: change file organization and change the default export to named export (eeb18aa)

BREAKING CHANGES

• Changed default export to named export