Want to try fastn for your company's website?

Book a Demo

Explore

undefined

record

or-type

list

ftd.row

ftd.rive (animation)

Container Root Attributes

import

Using export/exposing

Functions

Built-in Functions

Built-in Rive Functions

Built-in Local Storage Functions

Built-in Variables

ftd Events

Rive Events

Use color scheme package

assets

How to make page responsive

Using JS

JS in function

Web Component

Create fastn package

Same argument & attribute types

`ftd.iframe`

ftd.iframe is a kernel element used to embed any other HTML document within your current document.

Usage

-- ftd.iframe:
src: <some url>

Lang:

ftd

Attributes

ftd.iframe accepts the below mentioned attributes as well all the common attributes .

Note: For ftd.iframe, you either need to provide src or srcdoc or youtube.

`src: optional string`

This attribute specifies the URL of the page which needs to be embedded within your iframe element. It takes value of type string and is optional.

Sample code using src

Input

-- ftd.iframe:
src: https://www.example.com

Lang:

ftd

Output

`srcdoc: optional body`

This attribute specifies any html content which needs to be included within your iframe element.

Sample code using srcdoc

Input

-- ftd.iframe:
border-width.px: 4
border-color: $red-yellow
padding.px: 20

<p style='color: coral;'>This text is coral.</p>

Lang:

ftd

Output

`youtube: optional string`

This attribute will embed any youtube video in your iframe element. It takes value of type string and is optional.

Sample code using youtube

Input

-- ftd.iframe:
youtube: 10MHfy3b3c8

Lang:

ftd

Output

`loading: optional ftd.loading`

This attribute specifies how the content inside iframe needs to be loaded. It takes value of type ftd.loading and is optional.

Sample code using loading

Input

-- ftd.iframe:
youtube: 10MHfy3b3c8
loading: lazy

Lang:

ftd

Output