# Minimap
A preview of full webpage or its DOM element with flexible positioning and navigation support

[*****DEMO*****](https://upforce-tech.github.io/minimap-react/)

## Note

its under development and can not be used in production

## Installation

To install this Component, run `yarn add minimap-react` or `npm install minimap-react`.

## Usage
to use this component in your project, just add the following

```javascript
import React from 'react';
import Minimap from 'react-minimap';
import "minimap-react/lib/react-minimap.css";

class App extends Component {
    render() {
        return (
               <Minimap 
                    rootId="your div id name"
                    position="right" 
                    smoothScroll={true} 
                    smoothScrollDelay={200} 
                    toggle={true}/>
                );
    }
}

export default App;