From defa53dfe67f432f6c9455c3a4ef080e3d5fb4ed Mon Sep 17 00:00:00 2001
From: Reiss Cashmore <reiss.cashmore@outlook.com>
Date: Mon, 30 Oct 2023 11:26:45 +0000
Subject: [PATCH] Add docs for iframe

---
 docs/widgets/services/iframe.md | 37 +++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 docs/widgets/services/iframe.md

diff --git a/docs/widgets/services/iframe.md b/docs/widgets/services/iframe.md
new file mode 100644
index 00000000..7783f273
--- /dev/null
+++ b/docs/widgets/services/iframe.md
@@ -0,0 +1,37 @@
+---
+title: iFrame
+description: Add a custom iFrame Widget
+---
+
+Find your API key under `Settings > General`.
+
+The value for each breakpoint in the Sizes field must map directly to a field in the Tailwind Height CSS classes - https://tailwindcss.com/docs/height
+
+referrerpolicy="no-referrer|no-referrer-when-downgrade|origin|origin-when-cross-origin|same-origin|strict-origin-when-cross-origin|unsafe-url"
+
+https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy
+
+https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy
+
+allowfullscreen: true | false
+
+loading: eager | lazy
+
+allowScrolling: yes | no
+
+```yaml
+widget:
+  type: iframe
+  src: "http://example.com"
+  sizes: {"xs": '60', "sm": "60", "md": "80", "lg": "80", "xl": "80", "2xl": "80"}
+  referrerPolicy: "same-origin"
+  allowPolicy: ""
+  allowFullscreen: "false"
+  loadingStrategy: "eager"
+  allowScrolling: "no"
+  allowTransparency: "false"
+  allowAutoplay: "false"
+  border: 0
+  refreshInterval: 2000
+```
+