1.0.7 • Published 1 year ago

react-datamatrix-svg v1.0.7

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

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

NameTypeRequiredDescription
msgstringYesAny string to be encoded.
dimnumberNois equal to needed dimention (height) in pixels, default value is 256.
rctnumberNoset 1 to render rectangle Data Matrix if possible, default value is 0.
padnumberNowhite space padding, default value is 2 blocks, set 0 for no padding.
palstring[]Nois 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.
vrbnumberNosvg node is optimized to be compact and default value is 0, set this parameter to 1 in case you need more verbose output.
imgAttrsImgHTMLAttributesNoAny <img> attributes you would like to pass down to the image rendering the svg.
1.0.7

1 year ago

1.0.6

1 year ago

1.0.5

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago