Attach an element to a DOM node outside the parent component's hierarchy.
Portal is rendered at the bottom left of the page
1
2
3
4
5
6
7
8
9
10
11
12
import{ Portal }from"ariakit/portal";import"./style.css";exportdefaultfunctionExample(){return(<divclassName="wrapper">
Portal is rendered at the bottom left of the page
<Portal>I am portal and I am detached at the bottom of the page.</Portal></div>);}