Tiny & Customizable Popover Component For React

Category: Modal & Popup , React | September 14, 2018
Author: alexkatz
Views Total: 83
Official Page: Go to website
Last Update: September 14, 2018
License: MIT

A lightweight, highly customizable, and non-intrusive popover react HOC with no other dependencies.

The component renders its child directly, without wrapping it with anything on the DOM, and in addition renders solely the JSX you provide when shown.

It simply grabs the child component’s coordinates and provides a robust and non-intrusive way for you to position your own content around the child. Your content will be appended to document.body when shown, and removed when hidden.

You can use it to generate little popups around input or button elements, menu fly-outs, or in pretty much any situation where you want some content to appear and disappear dynamically around a target.

You can also specify your own location for your popover content or hook into the existing positioning process, allowing you to essentially make modal windows and the like, as well.

Installation:

# Yarn
$ yarn add react-tiny-popover

# NPM
$ npm install react-tiny-popover --save

Preview:

Tiny & Customizable Popover Component For React-min