Author: alexkatz
Views Total: 0
Official Page: Go to website
Last Update: September 14, 2018
License: MIT

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

The 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--popover

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

Preview:

Tiny & Customizable Popover Component For React-min



Source link https://reactscript.com/tiny-customizable-popover-component-for-react/

LEAVE A REPLY

Please enter your comment!
Please enter your name here