Magic Frame

A special component that can display blocks inside other blocks.

The magic frame is an advanced component that lets you reference any other block on the page into a frame. It’s used to make complex page layouts, such as sidebar navigation and tabs.

An example usage below :

A navigation block, with two frames left and right.

In the left frame is a button, connected to the default block list as a data source.

On click, it sets a variable (selectedBlock) with the block id.

In the right frame is a magic frame component.

It uses the value of SelectedBlock to display the corresponding block.

The rest of the blocks in the page are set to hidden, so that only one is visible (in the magic frame) at any time.

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.