> For the complete documentation index, see [llms.txt](https://legacy-docs.aragon.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://legacy-docs.aragon.org/developers/tools/aragonui/advances/root.md).

# Root

`Root` can be used to re render a component at the top level in the DOM tree. `Root.Provider` can be used to redefine the root level.

## Usage <a href="#usage" id="usage"></a>

```jsx
import { Root } from '@aragon/ui'

function App() {
  return (
    <div>
      <p>Rendered in the current element</p>
      <Root>
        <p>Rendered at the root level of the DOM tree</p>
      </Root>
    </div>
  )
}
```

## Demonstration

![](/files/G1uVcGMmvYwUaL6G2HO0)