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

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

const App = () => {
return (

);
};

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 |

License

This project is licensed under the MIT License.