2.0.1 • Published 8 years ago
react-identification-card v2.0.1
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 --saveProperties
| 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 exampleThe example was created from react-hot-boilerplate,
execute the below command and open http://localhost:8080 at browser.
License
MIT