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.
npm install react-code39-barcode
import React from 'react';
import { Barcode39Svg } from 'react-code39-barcode';
const App = () => {
return (
<div>
<Barcode39Svg value='123456789' />
</div>
);
};
export default App;
| 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 |
This project is licensed under the MIT License.