Package Exports
- react-static-barcode-generator
- react-static-barcode-generator/dist/index.es.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-static-barcode-generator) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
React Code39 Barcode and EAN-128
Installation
npm i react-static-barcode-generator
Usage
import React from 'react';
import { Barcode39Svg } from 'react-static-barcode-generator';
const App = () => {
return (
<div>
<Barcode39Svg value='123456789' />
</div>
);
};
export default App;
import React from 'react';
import { BarcodeEANSvg } from 'react-static-barcode-generator';
const App = () => {
return (
<div>
<BarcodeEANSvg value='123456789012' />
</div>
);
};
export default App;
Props
Prop | Type | Default | Description |
---|---|---|---|
value | string | - | The value to be encoded as a Code39 or EAN-128 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.