react-minimap-redux

• Originally forked from jeremy-carbonne/react-minimap

react-minimap

A minimap for React based on jquery-minimap

Demo

react-minimap

Installation

yarn add react-minimap-redux

Usage

import Minimap from "react-minimap-redux";
import "react-minimap-redux/dist/react-minimap.css";

<Minimap selector=".card">
  <div className="card">
    <h1>Title</h1>
  </div>
  <div className="card">
    <h1>Title 2</h1>
    <div className="card">
      <h1>Titles are never rendered by the Minimap</h1>
    </div>
  </div>
</Minimap>

Configuration

The Minimap supports the following props:

Prop name	Type	Default value	Description
selector	string	is required	A css selector for specify what you want to render inside the minimap
className	string	''	A className for the minimap component
width	number	200
height	number	200
keepAspectRatio	boolean	false
childComponent	any	Internal Component	Allows customizing how components matched by selector are rendered (optional)
onMountCenterOnX	boolean	false
onMountCenterOnY	boolean	false

Changelog

[v0.9.1 + v0.9.2] - 2022-12-01

Added

Changed

• Updated lodash dependency.
• Created this new repo and new NPM package.

Fixed

• Changed componentWillReceiveProps to UNSAFE_componentWillReceiveProps