Player
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 Player from "@livepeer/react/player";
export default () => (
<Player.Root>
<Player.Portal>
{/* Place portalled elements here, which can still
consume the React Context from the Root, but are
appended to the document */}
</Player.Portal>
</Player.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.