react-chiptan

1.1.3 • Public • Published

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

install

npm i react-chiptan

Downloadsweekly downloads

23

version

1.1.3

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability