JSPM – react-chiptan@1.1.3

Package Exports

react-chiptan

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-chiptan) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-chiptan

React component renders chipTAN flicker code.

Installing

$ npm i -S react-chiptan

Example

import React from 'react';
import { render } from 'react-dom';
import ChipTAN from 'react-chiptan';

const App = () => (
    <ChipTAN
        data={'17850120452019980412345678041234567804123456789E'}
        width={205}
        height={100}
        bgColor='black'
        barColor='white'
    />
);

render(<App />, document.getElementById("root"));

Property	Type	Default	Description
data	string	''	ChipTAN code to render.
width	number	205	Canvas width.
height	number	100	Canvas height.
bgColor	string	'#000'	Canvas background color.
barColor	string	'#fff'	Vertical bar(s) in canvas color.

Contributing

To contribute, follow these steps:

Fork this repo.
Clone your fork.
Run npm install
Run npm start
Goto localhost:3001
Add your patch then push to your fork and submit a pull request

Acknowledgments

Inspired by chipTAN Flickercodes article

License

MIT @Basim Hennawi