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:
Download Details:
Author: alexkatz
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/alexkatz/react-tiny-popover
License: MIT