> For the complete documentation index, see [llms.txt](https://help.smallbuilder.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.smallbuilder.com/smallbuilder-documents/basic-examples/howto-gap.md).

# How to leave a gap between the components

Adding empty space to document templates

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2F0zR6XludjXaSZsAeNvES%2F20250423_084920.png?alt=media&amp;token=23dc7ddd-ca3e-49b0-88a8-c463da85d2a7" alt=""><figcaption></figcaption></figure>

1. Add the `Empty` component.

***

<div align="left"><figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2FwdK88DuO82eZL4LO8dTh%2F%EC%A0%9C%EB%AA%A9-%EC%97%86%EB%8A%94-%EB%8F%99%EC%98%81%EC%83%81-Clipchamp%EB%A1%9C-%EC%A0%9C%EC%9E%91.gif?alt=media&amp;token=fa38320a-97eb-4381-bed2-b4c176b32fda" alt=""><figcaption></figcaption></figure></div>

2. Move the `Empty` component to the desired position.

***

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2FoB8BL8HoZR9eyO2frgmC%2F20250423_085853.png?alt=media&amp;token=6a4e0178-6648-4f6c-ab33-eb057e12ccf6" alt=""><figcaption></figcaption></figure>

3. Go to the component settings and select the `Height` option to set the height of the space.