JSPM

react-static-barcode-generator

1.0.4
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 16
    • Score
      100M100P100Q29796F
    • License MIT

    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.