Search…
RootPortal
Render a component at the root level of the aragonUI app. This is useful for tooltips, modals, or any other element that requires to be rendered on top of the other elements.

Usage

import { Main, RootPortal } from '@aragon/ui'
const App = () => (
<Main>
<ul>
<li>
<p>This gets rendered here in the DOM tree.</p>
<RootPortal>
<p>This gets rendered at the level of Main in the DOM tree.</p>
</RootPortal>
</li>
</ul>
</Main>
)

Demonstration

Props

children

  • Type: React node
  • Required
Pass anything here and it will get rendered at the <Root /> level.
Last modified 2mo ago
Copy link
On this page
Usage
Demonstration
Props