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

Props
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 | 10 | 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 |
License
This project is licensed under the MIT License.