Minimap

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

DEMO

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

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;