npm

Need private packages and team management tools?Check out npm Orgs. »

icomcom-react

1.0.1 • Public • Published

IComCom React

A React component from handling communication with content in

Installation

npm install --save icomcom-react
# or 
yarn add icomcom-react

Props

This component can recevie the following methods:

  • handleReceiveMessage - this method will be called when an iframe posts a message to the parent
  • handleReady - this method will be called once the iframe has been loaded

And the following properties:

  • postMessageData - this data will be passed to the iframe on load
  • targetOrigin - this is the target origin of the iframe, defaults to *
  • attributes specify how the iframe will look, (please see attributes)
<IComCom
  attributes={{
    src: "https://example.com",
  }}
  handleReceiveMessage={(data) => /* posted data */}
  handleReady={() => /* called once the iframe is loaded */}
/>

Attributes

The following attributes are defaults from the iframe element. Please see the official documentation for more details. Here are the supported ones:

  • frameBorder
  • height
  • name
  • scrolling
  • sandbox
  • srcDoc
  • src
  • width

License

The MIT License.

Heavily influenced by react-iframe-comm, which is licensed under MIT.

Credits

icomcom-react is maintained and sponsored by Infinum.

install

npm i icomcom-react

Downloadsweekly downloads

63

version

1.0.1

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
Report a vulnerability