React-code39-barcode NPM

React Code39 Barcode

This is a lightweight React component that allows you to render Code39 barcodes as SVGs. It is designed to be used on the client or server side, making it ideal for generating a large number of Code39 barcodes.

DEMO

Installation

npm install react-code39-barcode

Usage

import React from 'react';
import { Barcode39Svg } from 'react-code39-barcode';

const App = () => {
  return (
    <div>
      <Barcode39Svg value='123456789' />
    </div>
  );
};

export default App;

Output

Code39 Barcode Example

Props

Prop	Type	Default	Description
value	string	-	The value to be encoded as a Code39 barcode.
width	number	1	The width of each bar in pixels.
height	number	60	The height of the barcode in pixels.
fontSize	number	16	The font size of the text displayed below the barcode.
fontFamily	string	'monospace'	The CSS font family of the text displayed below the barcode.
fontWeight	string	'500'	The CSS font weight of the text displayed below the barcode.
color	string	"black"	The color of the barcode.
textColor	string	"black"	The color of the text displayed below the barcode if different from the color
showText	boolean	true	Whether to display the text below the barcode.
lineSpacing	number	-	The spacing between the display text and the barcode.
className	string	-	Any valid css class that will be applied to the barcode container
id	string	-	HTML id for the barcode container
style	React.CSSProperties;	{}	React CSS properties that will apply to the barcode container