react-jsbarcode's Introduction

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'.

react-jsbarcode's People

Contributors

Stargazers

Watchers

react-jsbarcode's Issues

Setup tests

Project needs snapshot testing and other tests to be setup.

Jest and @testing-libary/react will be good tools.

Compilation warning/error

Hello,

Thanks for the fix from react-barcode, but now I'm getting this after each compilation :

WARNING in ./node_modules/react-jsbarcode/lib/index.esm.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'E:\Projets\ExterieurStock\reactjs-logistique\node_modules\react-jsbarcode\src\index.tsx' file: Error: ENOENT: no such file
or directory, open 'E:\Projets\ExterieurStock\reactjs-logistique\node_modules\react-jsbarcode\src\index.tsx'

Any advice on how to fix it ?

Edit: I found this, maybe it can help you to fix it (facebook/create-react-app#11767)

Recommend Projects