Portal

function Portal(__namedParameters): Element;

Renders children as a fullscreen absolute overlay on top of the main tree.

Useful for modals, notifications, and dropdowns that should paint above all other content.

Parameters

Parameter	Type
__namedParameters	PortalProps

Returns

Element

Example

{showModal && (
  <Portal>
    <Box style={{ justifyContent: "center", alignItems: "center", height: "100%" }}>
      <Box style={{ border: "round", padding: 2, bg: "black" }}>
        <Text>I'm an overlay!</Text>
      </Box>
    </Box>
  </Portal>
)}

---

Properties

Property	Type	Description
children?	ReactNode	Content to render in the overlay layer.
zIndex?	number	Stack order (higher = on top). Default 1000.