Frame

Renders React components inside an isolated iframe document with full style isolation.

Usage

Renders its children inside an isolated iframe, providing complete style and DOM isolation from the parent page. This is useful for embedded widgets, preview panes, sandboxed content, or any scenario where CSS encapsulation is needed.

import { Frame } from "@elemnts-ui/react"

<Frame>
  {...content}
</Frame>

Head prop

Inject styles, scripts, or meta tags into the iframe's <head> using the head prop.

API Reference

Prop	Type	Default
`head`	`ReactNode`	-
`onMount`	`fn()`	-
`onUnmount`	`fn()`	-
`srcDoc`	`string`	-