1.0.4 • Published 3 years ago

react-hooks-barcode v1.0.4

Weekly downloads
145
License
ISC
Repository
github
Last release
3 years ago

react-hooks-barcode

Open Source Love

NPM version npm download last commit Repo size Github Top Language

Super easy barcode generation for ReactJS.

This package uses JsBarcode

Alt Text

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

PRs Welcome

Development

Node >= v8 LTS

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

License

MIT Licence

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago