Portal · Glowup

FEEDBACK · 73 / 89

Portal

Portal — a Material You feedback component for React Native and web.

󱀫

packages/ui/src/components/Portal.tsx

Live demo

󰄜

360

󰓶

720

󰍹

Full

The panel below is 64px tall with overflow: hidden. The portalled content is drawn at the host, so the clip does not reach it.

Clipping parent

Properties

0 controls

This component takes no props worth a control — see the API reference below for its full surface.

Usage

Portal.tsx

Variants

The states and shapes this component is meant to be used in.

Escapes a clipping parent

The panel below is 64px tall with overflow: hidden. The portalled badge is drawn at the host, so the clip does not reach it.

Clipping parent

Backs the tooltip

With a host mounted, Tooltip renders through it — so a tip on an anchor inside a scrolling or clipping container is no longer cut off.

API reference

Generated from the library's TypeScript, so it cannot drift from the implementation.

Props

1 on PortalProps

children

required

React.ReactNode