Add docs for iframe

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
+```
+