ticlo
rc-new-window
React New Window Component to show content in a popup browser window. Ported from react-new-window
Development
npm install
npm startExample
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.