{
  "name": "react-modal-component",
  "version": "1.0.2",
  "description": "Yet another modal dialog built on react but with a simpler api and supports react-style animations",
  "main": "lib/index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "example": "beefy example/browser.js --live -- -t [reactify --es6] -t brfs"
  },
  "author": {
    "name": "vegetableman",
    "email": "vegetablebot@gmail.com"
  },
  "license": "MIT",
  "devDependencies": {
    "beefy": "^2.1.3",
    "domify": "^1.3.3",
    "domready": "^1.0.7",
    "gulp": "^3.8.11",
    "gulp-react": "^3.0.1",
    "insert-css": "^0.2.0",
    "reactify": "^1.1.0"
  },
  "dependencies": {
    "react": "^0.13.1"
  },
  "readme": "# React-modal-component\nYet another modal dialog built on react but with a simpler api and supports react-style animations. Inspired by https://github.com/rackt/react-modal.\n\n## Example Usage\n\n```css\n\n.fade-appear {\n  opacity: 0;\n  transition: opacity .5s ease-in;\n}\n\n.fade-appear.fade-appear-active {\n  opacity: 1;\n}\n\n.fade-leave {\n  opacity: 1;\n  transition: opacity .5s ease-in;\n}\n\n.fade-leave.fade-leave-active {\n  opacity: 0;\n}\n\n```\n\n```js\nvar Modal = require('react-modal-component');\n\nvar Component = React.createClass({\n  getInitialState: function() {\n    return { showModal: false };\n  },\n  openModal: function() {\n    this.setState({showModal: true});\n  },\n  closeModal: function() {\n    this.setState({showModal: false});\n  },\n  render: function() {\n    var node = null;\n\n    if (this.state.showModal) {\n      node = (\n        <Modal transitionName='fade'>\n          <h3>Plain old Modal</h3>\n          <button onClick={this.closeModal}>Close Dialog</button>\n        </Modal>\n      )\n    }\n\n    return\n      (\n        <div>\n         <button onClick={this.openModal}>Show Dialog</button>\n         {node}\n        </div>\n      )\n  }\n});\n\n```\n\n## Installation\n\n`npm install react-modal-component --save`\n\n optional :-\n\n Use ```modal.css``` included in this repo derived from [medium](https://medium.com) to support a responsive modal dialog.\n\n## API\n\n#### Modal(props)\n\nType: React Component\n\nBasic modal.\n\n### props.className\n\nClass name for the modal. (default: `.modal-dialog`)\n\n### props.overlay\n\nClass name for the overlay/backdrop. (default: `.overlay`)\n\n### props.appendTo\n\nDOM node where the modal is appended. (default: `document.body`)\n\n#### props.transitionName\n\nTransition name to base the animation on.\n\n### props.enterTimeout\n\n(see below)\n\n### props.leaveTimeout\n\n(see below)\n\n\n## Additional Information:\n\nThe CSSTransitionGroup component uses the ```transitionend``` event, which browsers will not send for any number of reasons, including the\ntransitioning node not being painted or in an unfocused tab.\n\nThis component supports a variant of [TimeoutTransitionGroup](https://github.com/Khan/react-components/blob/master/js/timeout-transition-group.jsx) to define a user-defined timeout to determine\nwhen it is a good time to remove the component. Note:- It's modified to support ```enterTimeout``` for ```appear``` transition as well.\n\n## Todo\n\n* Support server rendering.\n\n## Example\n\nTo run the example:\n\n`npm install`\n\n`npm run example`\n\n## License\nMIT\n",
  "readmeFilename": "README.md",
  "gitHead": "8a76044c2bb48aa3c3515e85057dfe84dfe76d24",
  "_id": "react-modal-component@1.0.2",
  "_shasum": "f8b471aedbd958f93d32e06d1f2cd216b09f23d6",
  "_from": "react-modal-component@"
}