Portal

The Portal component allows projection of content into different parts of the DOM.

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.