react-jsbarcode 0.1.2 → 0.2.3-beta.0

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.2.3-beta.0](https://github.com/iamchathu/react-jsbarcode/compare/v0.2.2...v0.2.3-beta.0) (2021-10-12)
+
+### [0.2.2](https://github.com/iamchathu/react-jsbarcode/compare/v0.2.1...v0.2.2) (2021-10-08)
+
+### Features
+
+- add className and style support ([cd4d63a](https://github.com/iamchathu/react-jsbarcode/commit/cd4d63ac6a42ba2401f95898c548c318aed7dca3))
+
+### [0.2.1](https://github.com/iamchathu/react-jsbarcode/compare/v0.2.0...v0.2.1) (2021-10-07)
+
+### Bug Fixes
+
+- make options optional prop ([0bc6f4b](https://github.com/iamchathu/react-jsbarcode/commit/0bc6f4b3cb41efbc97f71495f2f9f8f40775353e))
+
+## [0.2.0](https://github.com/iamchathu/react-jsbarcode/compare/v0.1.2...v0.2.0) (2021-10-07)
+
+### ⚠ BREAKING CHANGES
+
+- move jsbarcode as dependacy rather than peer
+
+### Features
+
+- move jsbarcode as dependacy rather than peer ([4730d31](https://github.com/iamchathu/react-jsbarcode/commit/4730d3167ae6c2fff2451b7083862069bbd674a6))
+
 ### [0.1.2](https://github.com/iamchathu/react-jsbarcode/compare/v0.1.1...v0.1.2) (2021-10-07)
 
 ### Bug Fixes

package/Readme.md

@@ -9,29 +9,41 @@
 
 ## About
 
-This is a [React](https://reactjs.org) component wrapping up [jsbarcode](<[https://](https://github.com/lindell/JsBarcode)>):
+This is a [React](https://reactjs.org) component wrapping up [jsbarcode](<[https://](https://github.com/lindell/JsBarcode)>). Written as a React functional component using React hooks. <ReactBarcode />
 
 ## Installation
 
 using NPM
 
 ```bash
-npm i react-jsbarcode jsbarcode
+npm i react-jsbarcode
 ```
 
 using yarn
 
 ```bash
-yarn add react-jsbarcode jsbarcode
+yarn add react-jsbarcode
 ```
 
 ## Usage
 
+- Basic usage
+
+```tsx
+import ReactBarcode from 'react-jsbarcode';
+
+const App = () => {
+  return <ReactBarcode value="ABC123" />;
+};
+```
+
+- Advanced usage
+
 ```tsx
-import ReactJSBarcode from 'react-jsbarcode';
+import ReactBarcode from 'react-jsbarcode';
 
 const App = () => {
-  return <ReactJSBarcode value="ABC123" options={{ format: 'code128' }} renderer="svg" />;
+  return <ReactBarcode value="ABC123" options={{ format: 'code128' }} renderer="svg" />;
 };
 ```
 

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Options } from 'jsbarcode';
 export declare const enum Renderer {
     svg = "svg",
@@ -8,9 +8,10 @@ export declare const enum Renderer {
 export interface ReactBarcodeProps {
     renderer?: Renderer;
     value: string;
-    options: Options;
+    options?: Options;
+    style?: React.CSSProperties;
+    className?: string;
 }
 export { Options };
-declare const ReactBarcode: ({ value, options, renderer }: ReactBarcodeProps) => JSX.Element;
+declare const ReactBarcode: ({ style, className, value, options, renderer }: ReactBarcodeProps) => JSX.Element;
 export default ReactBarcode;
-//# sourceMappingURL=index.d.ts.map