minimap-react v1.1.2

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;