Tiny & Customizable Popover Component For React

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

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

Tags:

Add Comment