Movable popover

This is a react component with a movable popover with an animation feature.

Dependencies

IMPORTANT: install react-draggable component for this npm package

Installation

npm install movable-popover-react react-draggable
Please install the latest version 2.0.1 it resolve the issues i have with webpack

Usage

import MovablePopover
          <MovablePopover
            id="examle-id"
            moveTo="left"
            backgroundColor="white"
            onStartPopoverMovement={()=>{}}
            onStopoPopoverMovement={()=>{}}
            content={<div> </div>}
            isVisible={true}
          />

Props

id type string --id of the popover

moveTo type string (left, right, top, down) --animation movement on popover appear

backgroundColor type string .-- color of the background on popover

onStartPopoverMovement type function -- function on start popover movement

onStopPopoverMovement type function -- function on stop popover movement

content type html -- html of the content of the div

isVisible type bool -- is visible popover

zIndex type string -- zindex for popover if needed default (1030)

License

MIT