Skip to content

An iframe component that automatically syncs styles from the host.

Notifications You must be signed in to change notification settings

measuredco/auto-frame-component

Repository files navigation

auto-frame-component

An iframe component that automatically syncs styles from the host.

An implementation of react-frame-component.

Quick start

npm i @measured/auto-frame-component
import AutoFrame from "@measured/auto-frame-component";

export function Page() {
  return (
    <AutoFrame>
      {/* Hero class exists on parent */}
      <div className="Hero">Hello, world</div>
    </AutoFrame>
  );
}

API

Shares an API with react-frame-component, and exposes some additional props.

debug

debug: boolean

Print debug messages when mounting styles to the console

onStylesLoaded

onStylesLoaded: function

A callback that triggers when the initial styles are loaded

License

MIT © Measured Corporation Ltd

About

An iframe component that automatically syncs styles from the host.

Resources

Stars

Watchers

Forks

Packages

No packages published