Skip to main content
All CollectionsBlocks
Placeholder Block
Placeholder Block
Justin Yan avatar
Written by Justin Yan
Updated over a week ago

Type: Layout

CSS Enabled: โŒ

Use the Placeholder block to create page and block templates that can be reused within your own app and very soon, across different apps as well! Use them to visualize the structure of your pages and blocks before they are filled with any content. Read on to learn more!


Overview of Functions

Placeholder blocks are simple by design as they are, after all, just placeholders. The core purposes of a placeholder block are as followed:
โ€‹
1. It serves as a temporary container for content in your app editor that could be added to your page at a later time. It reserves the the space on the page where a block may eventually be added by clicking the '+ Add Block' button on the block.

Note: Some blocks may not always shrink or fit into the designated space depending on their individual parameters.

2. It can be used a 'spacer block' in your live app if the space is unfilled. These blocks will therefore not show in a live preview and can be used intentionally to create space breaks on your pages if needed.

In app editor:

In live preview:


Creating Page Templates with Layout Blocks

Using placeholder blocks in with Row and Column blocks is what enables this block to really shine! Save them as custom blocks so they can serve as templates that can be reused anytime.

Click here to learn about the functionality of Row and Column blocks.

Once your blocks are all contained inside of a singular root block, click the 'Save As Custom Block' button to add it to your collection! Saved custom blocks can be added from the block selector and can be edited from the 'Custom Blocks' tab in your app settings.

Click here to read more about the creation of Custom Blocks.

Did this answer your question?