react-datamatrix-svg

React DataMatrix SVG

A React component wrapper for datamatrix-svg

Installation

npm install react-datamatrix-svg

Usage

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

const App = () => {
    return (
        <DataMatrix msg="Hello World" dim={50} />
    )
}

export default App

Full Usage

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

const App = () => {
    return (
        <DataMatrix
            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 <img> attributes you would like to pass down to the image rendering the svg.