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 |
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 |
License
rc-new-window is released under the Apache license version 2.0.