rfc-iframe v3.1.0
rfc-iframe
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.
Installation
npm install rfc-iframe --save
or
yarn add rfc-iframe
Usage
import {IFrame} from 'rfc-iframe';
const WhatEver = () => {
return (
<div>
<IFrame
goober = {false} // default True
frameAttributes = {{width: "100%", ...}}
skipInterval = {false} // default True
loadTdFonts = true // default True
mobileSupportEnabled = {false} // default True
enabledLatencyForSafari = {false} // default True
enabledLatencyForMozilla = {false} // default True
externalStyleLinks = ["https://yourextercsslink.com"] // default []
externalScripts = ["https://yourexterscriptlink.com"] // default []
>
<p>Your Beautiful Website</p>
</IFrame>
</div>
);
}
Props
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 SpecificskipInterval (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)
Changelog
V3 is very light weight. We have removed support for styled component and brought goober as a replacement.
Thanks
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.
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago