Installing / Getting started

This package is available in npm repository as reactjs-popup. It will work correctly with all popular bundlers.

npm install reactjs-popup --save

Using yarn

yarn add reactjs-popup -s

This package also depends on react and prop-types. Please make sure you have those installed as well.

Include the Component

To start using reactjs-popup you just need to import the component from the reactjs-popup package.

import React from "react";
import Popup from "reactjs-popup";

const PopupExample = () => (
  <Popup trigger={<button> Trigger</button>} position="right center">
    <div>Popup content here !!</div>

if you need more control over your component reactjs-popup provide function as child.

/* react-live */

const PopupExample = () => (
  <Popup trigger={<button>Trigger</button>} position="top left">
    {close => (
        Content here
        <a className="close" onClick={close}>

render(<PopupExample />);

More Example in use Cases section