react-hooks-barcode

Super easy barcode generation for ReactJS.

This package uses JsBarcode

Install

Note: Make sure that you have installed the correct version of react(>= v16.8.0) and react-dom(>= v16.8.0).

npm

npm install --save react-hooks-barcode

yarn

yarn add react-hooks-barcode

Demo

Example    Live Demo

Usage

import Barcode

import Barcode from "react-hooks-barcode";

Get barcode with value

<Barcode value="https://reactjs.org/" />

Configuring Options

const config = {
  background: "#f5f5f5",
  marginTop: "20px",
  marginBottom: "20px",
  fontOptions: "italic",
  width: 2
};
 
<Barcode value="https://reactjs.org/" {...config} />;

Available Options

Refer to JsBarcode options wiki page for more information

{
  width: 2,
  height: 100,
  format: "CODE128",
  displayValue: true,
  fontOptions: "",
  font: "monospace",
  textAlign: "center",
  textPosition: "bottom",
  textMargin: 2,
  fontSize: 20,
  background: "#ffffff",
  lineColor: "#000000",
  margin: 10,
  marginTop: undefined,
  marginBottom: undefined,
  marginLeft: undefined,
  marginRight: undefined
}

Contribution

Make a PR

Development

Node >= v8 LTS

• Clone the project to local disk
• npm install
• npm start

License