rc-new-window

rc-new-window

---

React New Window Component to show content in a popup browser window. Ported from react-new-window

Development

npm install
npm start

Example

online example: https://ticlo.github.io/rc-new-window/

install

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import NewWindow from 'rc-new-window';

ReactDOM.render((
  <NewWindow>
    Content to show in the new window
  </NewWindow>
), container);

API

props

name	type	default	description
url	String		Use url instead of children content If cross domain url is used, callbacks might not work
name	String		Name of new window
title	String	title of current window	Title of new window
copyStyles	Boolean	true	Copy the styles from main window
width	Number	640	Window inner width
height	Number	480	Window inner height
initPopupInnerRect	Function		init the window client area return {left,top,width,height}
initPopupOuterRect	Function		init the window position and size return {left,top,width,height}
top	Number	center of current window	Window position
onOpen	(w: Window) => void		callback when window is opened
onClose	() => void		callback when window is closed by user
onBlock	() => void		callback when window.open failed

License

rc-new-window is released under the Apache license version 2.0.

Changelog

0.1.2 / 2020-12-13

• add util function to map popup window to/from an element
• add initPopupInnerRect and initPopupOuterRect