Skip to content
React Spring Bottom Sheet
PrimitivesNIPE Open Source

examples / custom-portal

Custom portal target

Contain the sheet within an application-owned rendering boundary.

All recipes

Live package

Preview

Phone viewport: 390 × 780

Loading preview…

Prerequisites

  • A mounted application-owned container that establishes a fixed-position containing block.

Behavior

  • Portal measures and mounts every sheet layer inside the supplied container.

Accessibility notes

  • Portalling does not change the dialog name or keyboard behavior.
  • The target clips the visual layer without hiding the trigger.