Skip to content

Latest commit

 

History

History
15 lines (11 loc) · 696 Bytes

README.md

File metadata and controls

15 lines (11 loc) · 696 Bytes
Raw

react-escape

An element which renders its children into a separate DOM node automatically appended to the end of the document body. This allows a mechanism to escape the current tree into a separate layer. This is useful for things like popups, popouts, custom tooltips, etc. (Also see react-float-affixed which uses this module)

var Escape = require('react-escape')
    <Escape to="viewport" style={{backgroundColor:'rgba(255,255,255,0.8)'}}>
        <div>I am outside the rest of the DOM tree</div>
    </Escape>

You can escape to either the "viewport" which will attach it's children using "fixed" or escape to the "document" which will position with "absolute".