React DataMatrix SVG

A React component wrapper for datamatrix-svg

Installation

npm install react-datamatrix-svg

Usage

``javascript
import React from 'react'
import DataMatrix from 'react-datamatrix-svg'

const App = () => {
return (

)
}

export default App
`

Full Usage

`javascript
import React from 'react'
import DataMatrix from 'react-datamatrix-svg'

const App = () => {
return (
msg="Hello World"
dim={50}
rct={1}
pad={10}
pal={["#000", "#fff"]}
vrb={1}
imgAttrs={{
alt: 'Alt text for image'
}}
/>
)
}

export default App
`

Props


| Name | Type | Required | Description |
|:---:|:---|:---:|:---|
| msg | string | Yes | Any string to be encoded. |
| dim | number | No | is equal to needed dimention (height) in pixels, default value is 256. |
| rct | number | No | set 1 to render rectangle Data Matrix if possible, default value is 0. |
| pad | number | No | white space padding, default value is 2 blocks, set 0 for no padding. |
| pal | string[] | No | is array of [color,background-color] strings that represent hex color codes, default value is ['#000'] along with transparent background. Set ['#000','#fff'] to make background opaque.
| vrb | number | No | svg node is optimized to be compact and default value is 0, set this parameter to 1 in case you need more verbose output. |
| imgAttrs | ImgHTMLAttributes | No | Any ` attributes you would like to pass down to the image rendering the svg. |