react-identification-card

Identification Standard Card(ISO/IEC 7810) Component that written in React.

ISO/IEC 7810 Identification cards — Physical characteristics is an international standard that defines the physical characteristics for identification cards.[1]

Referenced at this standard, and this component is to implement this standard with the following sizes:

• ID-1: 85.60 × 53.98 mm
• ID-2: 105 × 74 mm
• ID-3: 125 × 88 mm
• ID-000: 25 mm × 15 mm

Installation

$ npm install react-identification-card --save

Properties

| property | type | description | |---------------|---------|---------------------------------| | className | string | the class name | | format | string | "ID-1", "ID-2", "ID-3" and etc. | | width | number | the width of this card | | color | string | the color of this card | | fillColor | string | the fill color of this card | | fillOpacity | number | the fill opacity of this card | | isEmpty | bool | flag if this card is empty | | viewMetadata | func | a function to render the detail | | onClick | func | fired when clicked |

Example

$ npm run example

The example was created from react-hot-boilerplate, execute the below command and open http://localhost:8080 at browser.

License

MIT