JSPM

  • Created
  • Published
  • Downloads 261217
  • Score
    100M100P100Q162258F
  • License MIT

React component to wrap your application or component in an iFrame for encapsulation purposes

Package Exports

  • react-frame-component

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-frame-component) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React <Frame /> component

NPM version Build Status Dependency Status

This component allows you to encapsulate your entire React application or per component in an iFrame.

npm install --save react-frame-component

How to use:

var Frame = require('react-frame-component');

Go check out the [demo] demo-url.

var Header = React.createClass({
  render: function() {
    return (
      <Frame>
        <h1>{this.props.children}</h1>
      </Frame>
    );
  }
});

React.render(<Header>Hello</Header>, document.body);

Or you can wrap it at the render call.

React.render(
  <Frame>
    <Header>Hello</Header>
  </Frame>,
  document.body
);

More info

I wrote a [blog post] blog-url about building this component.

License

Copyright 2014, Ryan Seddon. This content is released under the MIT license http://ryanseddon.mit-license.org