\n This is more advanced Portal. It handles its own state.{' '}\n , hit ESC or\n click outside of me.\n
\n )}\n \n )}\n\n```\n\nDon't let this example to intimidate you! `PortalWithState` **expects one child, a function**. This function gets a few parameters (mostly functions) and returns a React component.\n\n### There are 4 optional parameters:\n\n- **openPortal** - function that you can call to open the portal\n- **closePortal** - function that you can call to close the portal\n- **portal** - the part of component that should be portaled needs to be wrapped by this function\n- **isOpen** - boolean, tells you if portal is open/closed\n\n### `` accepts this optional props:\n\n- **node** - same as ``, you can target a custom DOM element\n- **closeOnOutsideClick** - boolean, portal closes when you click outside of it\n- **closeOnEsc** - boolean, portal closes when the ESC key is hit \n- **defaultOpen** - boolean, the starting state of portal is being open\n- **onOpen** - function, will get triggered after portal is open\n- **onClose** - function, will get triggered after portal is closed\n\nAlso notice, that **the example returns a [Fragment](https://reactjs.org/docs/fragments.html) since React 16.2 supports it**! You can also return:\n- an array - available from React v16, remember to add `key` attribute\n- regular component - the example would be wrapped by a div, not a fragment\n\nIf you start running into limits of `` (complex animations), you probably want to use `` instead and build a component tailored to your specific taste.\n\n## Run Examples\n\n```shell\ngit clone https://github.com/tajo/react-portal\ncd react-portal\nyarn install\nyarn build:examples\nopen examples/index.html\n```\n\n## Contributions Welcome!\n\n```shell\ngit clone https://github.com/tajo/react-portal\ncd react-portal\nyarn install\nyarn build:examples --watch\nopen examples/index.html\n```\n\n### Run Tests\n\n```\nyarn test\n```\n\n## Author\n\nVojtech Miksu 2017, [miksu.cz](https://miksu.cz), [@vmiksu](https://twitter.com/vmiksu)"
}