Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-iraq-component

AtheerAPeter40MIT1.0.11TypeScript support: included

Iraq map react component

iraq, map, SVG, react, display, iraq map, component

readme

react-iraq-component

Alt Text

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