homepage/docs/widgets/services/iframe.md
2023-10-30 11:26:45 +00:00

38 lines
1003 B
Markdown

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