rc-new-window

popup new browser window with react

Usage no npm install needed!

<script type="module">
  import rcNewWindow from 'https://cdn.skypack.dev/rc-new-window';
</script>

README

rc-new-window


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

NPM version npm download

Development

npm install
npm start

Example

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

install

rc-new-window

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.