this react component is appended to the document body
\n \n \n
\n );\n }\n});\n\nReactDOM.render(, document.getElementById('container'));\n```\nWith accompanying CSS:\n```css\n.modal {\n background-color: #fff;\n border: 1px solid #000;\n box-shadow: 0 3px 9px rgba(0,0,0,0.5);\n padding: 25px;\n}\n```\n\n## Documentation\n#### children : `React.PropTypes.element.isRequired`\nThe modal expects a single child which is the modal component that you provide.\n#### isOpened : `React.PropTypes.bool`\nIf `true`, the modal will be open, if `false`, the modal will be closed. You have to manage closing it (via state management) so to make life easier see `openByClickOn`\n#### openByClickOn : `React.PropTypes.element`\nRenders the passed element where you actually use the `FlexModalWrapper` (see example above). It's `onClick` handler opens the modal. The prop `closeModal` gets passed into your Modal so you can call `this.props.closeModal` to close the modal.\n#### closeOnEsc : `React.PropTypes.bool`\nIf `true`, the modal can be closed by pressing the ESC key.\n#### closeOnOutsideClick : `React.PropTypes.bool`\nIf `true`, the modal can be closed by click anywhere outside the modal.\n#### onClose : `React.PropTypes.func`\nCallback that is called when the portal closes.\n#### className : `React.PropTypes.string`\nThe class that gets set to the element that wraps your modal. **Note:** this is where you'll want to set `box-shadow` CSS since it wraps your modal with exactly the same dimensions, any `box-shadow` on your modal won't show passed the borders of the wrapping element so the `box-shadow` would appear to just be a black line typically.\n#### useOverlay : `React.PropTypes.bool` (defaults to `true`)\nIf `true`, will use an overlay that gets placed behind the modal. Will use default style or use passed `overlayStyle` or `overlayClassName` for the overlay style.\n#### overlayStyle : `React.PropTypes.object`\nObject that will be used as inline styles for the overlay (only if `useOverlay` is `true`)\n#### overlayClassName : `React.PropTypes.string`\nString that will be used as the class for the overlay (only if `useOverlay` is `true`)\n\n## Testing and Examples\nYou can test the examples by running\n```\nnpm start\n```\nand then going to `localhost:8080/basic/` in your browser. There'll be buttons for different modals\n\nTo test run\n```\nnpm test\n```\n**Note:** Tests are not yet implemented\n","maintainers":[{"name":"1stdibs","email":"npm@1stdibs.com"},{"name":"petejodo","email":"pete.jodogne@gmail.com"}],"time":{"modified":"2022-06-26T02:28:03.545Z","created":"2015-11-30T16:23:35.815Z","0.1.4":"2015-11-30T16:23:35.815Z","0.1.5":"2015-12-02T18:22:17.664Z","0.1.6":"2015-12-03T19:19:24.688Z","0.1.7":"2015-12-09T21:04:41.206Z","0.1.8":"2015-12-10T19:01:01.426Z","0.1.9":"2015-12-10T19:27:14.198Z","0.1.10":"2015-12-18T22:21:50.299Z","0.1.11":"2015-12-21T19:56:40.814Z","0.1.12":"2015-12-21T21:16:48.598Z","0.1.13":"2016-01-07T17:32:00.406Z","0.1.15":"2016-01-12T17:41:08.388Z","0.2.0":"2016-03-23T19:50:18.100Z","0.2.1":"2016-05-23T21:33:21.122Z","0.2.3":"2016-11-04T20:11:30.485Z","0.2.3-hella.1":"2016-11-04T23:07:34.206Z","0.2.3-hella.2":"2016-11-04T23:30:54.264Z","0.2.3-hella.3":"2016-11-04T23:38:09.267Z","0.2.3-hella.4":"2016-11-04T23:41:49.201Z","0.3.0":"2016-11-10T14:59:19.529Z","0.3.1":"2016-11-17T19:25:07.673Z","0.3.2":"2016-11-17T20:43:29.312Z","0.4.0":"2017-04-07T15:58:32.918Z","0.5.2":"2017-12-05T17:56:01.641Z","0.5.3":"2017-12-05T18:25:35.370Z","0.5.4":"2017-12-10T16:19:17.164Z"},"keywords":["react","flex","modal","flexbox","wrapper"],"author":{"name":"1stdibs"},"license":"MIT","readmeFilename":"README.md","homepage":"https://github.com/1stdibs/react-modal-wrapper#readme","repository":{"type":"git","url":"git+https://github.com/1stdibs/react-modal-wrapper.git"},"bugs":{"url":"https://github.com/1stdibs/react-modal-wrapper/issues"}}