react-iraq-component

react-iraq-component Provides you with an SVG of Iraq map with the ability to highlight different provinces in different colors.

Installation

NPM

npm install react-iraq-component

Yarn

yarn add react-iraq-component

Usage

import { IraqMap } from "react-iraq-component";

const MyComponent = () => {
  return (
    <IraqMap
      data={[
        {
          name: "baghdad", // baghdad will be highlighted in red.
          color: "red",
        },
      ]}
    />
  );
};

export default MyComponent;

Props

| 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 |