Portal - Livepeer Docs

The Portal component is a simple wrapper over @radix-ui/react-portal. It inherits all of the documentation for the component.

Features

Provides an easy way to portal controls out of the Root components

Anatomy

Import the components and piece the parts together.

import * as Broadcast from "@livepeer/react/broadcast";

export default () => (
  <Broadcast.Root>
    <Broadcast.Portal>
      {/* Place portalled elements here, which can still 
      consume the React Context from the Root, but are
      appended to the document */}
    </Broadcast.Portal>
  </Broadcast.Root>
);

Props

`children`

React nodes that are to be rendered inside the portal.

`container`

An optional prop specifying a container element where the portal’s children should be rendered. If not provided, the children are appended to the body of the document by default.

Last modified on March 3, 2026

Controls

⌘I

​Features

​Anatomy

​Props

​children

​container

Features

Anatomy

Props

`children`

`container`