rfc-iframe

![Version](https://www.npmjs.com/package/rfc-iframe)
![Total Downloads](https://www.npmjs.com/package/rfc-iframe)
![License](https://github.com/rrakib/rfc-iframe/blob/master/LICENSE)

This is a react iframe wrapper. You can easily integrate external or internal style and scripts with this plugin. This plugin supports goober out of the box.

$3

npm install rfc-iframe --save

or

yarn add rfc-iframe

$3

JS

import {IFrame} from 'rfc-iframe';



const WhatEver = () => {

    

    return (

        

                            goober = {false} // default True
<br />                frameAttributes = {{width: "100%", ...}}
<br />                skipInterval = {false} // default True
<br />                loadTdFonts = true // default True
<br />                mobileSupportEnabled = {false} // default True
<br />                enabledLatencyForSafari = {false} // default True
<br />                enabledLatencyForMozilla = {false} // default True
<br />                externalStyleLinks = ["https://yourextercsslink.com"] // default []
<br />                externalScripts = ["https://yourexterscriptlink.com"] // default []
<br />            >
<br />                <p>Your Beautiful Website</p>            
<br />                    

        

    );

}





$3

*

` goober (optional) `

 - this plugin supports goober out of the box. If you dont want this feature then set the value to false. (default boolean)

*

` frameAttributes (optional) `

 - specify dom attributes for iframe. (default {})

*

` loadTdFonts (optional) `

 - [Thrivedesk Specific]

*

` skipInterval (optional) `

 - you can include any external css or css from you own domain. You have to pass the links as an array. (default [])

*

` externalStyleLinks (optional) `

 - you can include any external css or css from you own domain. You have to pass the links as an array. (default [])

*

` externalScripts (optional) `

 - you can include any external scripts or scripts from you own domain. You have to pass them as an array. (default [])

*

` mobileSupportEnabled (optional) `

 - this solves the issue regarding browser on iphone. Keep it false if it causes any issues (default true)

*

` enabledLatencyForSafari (optional) `

 - you can skip the initial latency for safari with this set to false. (default true)

*

` enabledLatencyForMozilla (optional) `` - you can skip the initial latency for mozilla with this set to false. (default true)

$3

> V3 is very light weight. We have removed support for styled component and brought goober as a replacement.

$3

Thank you for checking this our.

iFrame can be complex at times, mostly when you what to work with external style or scripts. I hope this will help with that problem. If you want to contribute to this project send a pull request.

Inspiration Taken From My Good Friend i-rocky.