npm.io
1.0.0 • Published 5 years ago

react-license-plate

Licence
MIT
Version
1.0.0
Deps
0
Size
8 kB
Vulns
0
Weekly
0
Stars
2

react-license-plate

A simple React component that visualizes a european (for now) license plate with the flag, country code and license plate number (id).

How to use

npm install react-license-plate

You can now import react-license-plate like so:

import LicensePlate from 'react-license-plate'
...

Available props

interface ILicensePlateProps {
  plateColor?: string;
  countryCode: string;
  countryCodeColor?: string;
  plateId: string;
  height: number;
}
Prop Default Value
plateColor #fff HEX
countryCode max. 3 characters
countryCodeColor #fff HEX
plateId Text
height px

Examples

Code:

<LicensePlate
  plateColor="#fff"
  countryCode="D"
  countryCodeColor="#fff"
  plateId="KA-PA 777"
  height={150}
/>

Result:

Example One

Code:

<LicensePlate countryCode="D" plateId="KA-PA 777" height={150} />

Result:

Example One

Keywords