AO19 / react-license-plate

A library for displaying license plates.

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 countryCode="D" plateId="KA-PA 777" height={150} />

Result:

Code:

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

Result: