Portal
To implement Portal component into your project you’ll need to add the import:
import Portal from "@kiwicom/orbit-components/lib/Portal";
After adding import into your project you can use it simply like:
<Portal>// probably Modal<Modal /></Portal>
Props
Table below contains all types of the props available in the Portal component.
Name | Type | Default | Description |
---|---|---|---|
children | React.Node | The content of the Portal to render. See Functional specs | |
renderInto | string | The string name of element to be used for the render. |
Functional specs
<Portal />
component with propertyrenderInto="modal"
will render its children into a DOM node that exists outside the DOM hierarchy of the parent component. It means that you have to creatediv
element with idmodal
(or whatever you want) in roothtml
file. For more info, see React Portal docs.