1.0.7 • Published 1 year ago
react-datamatrix-svg v1.0.7
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. |