Identification Standard Card(ISO/IEC 7810) Component that written in React.
npm install react-identification-cardIdentification 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
``sh`
$ npm install react-identification-card --save
| 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 |
sh
$ npm run example
`The example was created from react-hot-boilerplate,
execute the below command and open
MIT