react-popout

React popout is a React component wrapping window.open allowing you to host content in a browser popup window.

> npm install react-popout --save

Demo

To see it in action just go to http://jake.ginnivan.net/react-popout

Usage

Import with es6
``
import Popout from 'react-popout'
`
The usage is really simple. When the component is mounted the popup is open, and when it is unmounted the popup is closed.

` js





`

To close the window programatically give the window a ref and use the closeWindow function.

props

$3

Title for popup window.

$3

URL of the page to load intially. Often needed for css. about:blank will be used if not specified.

$3

Called when popout window is closed, either by user or by calling close.

$3

Object representing window options. See the docs for reference.

Example:


By default 500px wide, 400px high and centered over the window hosting the react component.

You can also specify a function with signature (options, window) => { } to perform calculations.
For example top is calculated with (o, w) => ((w.innerHeight - o.height) / 2) + w.screenY

$3


Instead of using the window global, a window object can be passed in. It needs the following functions on it:

window.open(,