react-detachable-window
v0.5.10
Published
Wrap a portion of the DOM or a group of react components and make it detachable into a new window
Downloads
106
Maintainers
Readme
react-detachable-window
ReactDetachableWindow wraps a portion of the DOM or a group of react components and make it detachable from current window frame into a new window it takes care to copy the stylesheets and title from the original frame into the new window or you can define your own
Install:
npm i react-detachable-window
Use:
import ReactDetachableWindow from 'react-detachable-window'
<ReactDetachableWindow title='I am detached!' windowOptions={{width: 800, height: 600}}>
<!-- DOM defined here can be detached to a new popup window and re-attached-->
</ReactDetachableWindow>
Component properties
- windowOptions - Optional: A hash of options passed to the
window.open(URL, name, specs, replace)
'specs' parameter - title - Optional: A string title for the new window
- reattachButton - Optional: A jsx element which, when clicked, closes the popup window
- detachButton - Optional: A jsx element which, when clicked, opens the popup window
TODO List
- copy a complete set of attributes from original window into the new popup
- allow property to define the containing DOM for the detachable portion in the new popup