react-iraq-component
Provides you with an SVG of Iraq map with the ability to highlight different provinces in different colors.
NPM
npm install react-iraq-component
Yarn
yarn add react-iraq-component
import { IraqMap } from "react-iraq-component";
const MyComponent = () => {
return (
<IraqMap
data={[
{
name: "baghdad", // baghdad will be highlighted in red.
color: "red",
},
]}
/>
);
};
export default MyComponent;
Prop | Default | Description |
---|---|---|
Data | Required | An array of objects { name: IProvincesNames, color: string } to highlight a province. |
height | 100% | The height of the map component. |
width | 100% | The width of the map component. |
backgroundColor | #88a4bc | The color of provinces which are not highlighted. |
className | Optional |