A React component from handling communication with content in
npm install --save icomcom-react
# or
yarn add icomcom-reactThis component can recevie the following methods:
handleReceiveMessage - this method will be called when
an iframe posts a message to the parenthandleReady - this method will be called once the
iframe has been loadedAnd the following properties:
postMessageData - this data will be passed to the
iframe on loadtargetOrigin - 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 */}
/>The following attributes are defaults from the iframe
element. Please see the official
documentation for more details. Here are the supported ones:
frameBorderheightnamescrollingsandboxsrcDocsrcwidthThe MIT License.
Heavily influenced by react-iframe-comm, which is licensed under MIT.
icomcom-react is maintained and sponsored by Infinum.