React New Window Component to show content in a popup browser window. Ported from react-new-window
npm install
npm start
online example: https://ticlo.github.io/rc-new-window/
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);
name | type | default | description |
---|---|---|---|
url | String | Use url instead of children content | |
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 | |
onBlock | () => void | callback when window.open failed |
rc-new-window is released under the Apache license version 2.0.