#<frame>

A page element similar to HTML's <iframe>, which can embed a Lynx page into the current page.

#Usage Guide

The following is an example of a main page loading an embedded page via the <frame> element.

• The main page passes initData and globalProps to the embedded page through the data and globalProps attributes.
• The main page listens for the embedded page loading status via the bindload event.

#Main Page

framesrc/frame/index.tsx

Preview

#Embedded Page

framesrc/in_frame/index.tsx

Preview

#Attributes

#data

data?: Record<string, unknown>;

Passes data to the nested Lynx page within the frame.

#global-props

'global-props'?: Record<string, unknown>;

Passes globalProps to the Lynx page embedded in the frame. The embedded page can read it via lynx.__globalProps.

#src

src: string;

Sets the loading path for the frame resource.

#Events

Frontend can bind corresponding event callbacks to listen for runtime behaviors of the element, as shown below.

#bindload

bindload = (e: FrameLoadEvent) => {};

Bind frame load event callback.

#Compatibility