# Space

A no-content block whose only job is to add empty space. Drop it between sections to create a visual breather without fiddling with each block's padding.

## Available in

* All module types

## When to use

* Between major sections of a page where padding alone isn't enough.
* To separate a Heading from the content below.
* Anywhere you need a precise pixel gap that doesn't depend on parent gap settings.

For consistent spacing across many blocks, prefer adjusting the parent Row/Grid's *gap* — Space is for one-off needs.

## Settings

| Setting       | Description                                                                              |
| ------------- | ---------------------------------------------------------------------------------------- |
| **Size**      | The amount of space, in 8px increments from 8px to 160px. Default: 24px.                 |
| **Direction** | *Vertical* (height), *Horizontal* (width when inside a Row), or *Both*. Default: *Both*. |

## How it works

Space renders as an invisible div with the configured size. Direction determines whether it adds height (vertical), width (horizontal), or both.

In a Column or stacked layout, vertical space pushes the next block down. In a Row, horizontal space pushes the next block right.

## Examples

**Section separator.** Heading "Recent Orders" → Space (size 32, vertical) → Report Widget. Clean visual gap without touching either block's padding.

**Form section break.** Inside a vertical form, drop a Space (size 16) between each major group of fields.

## Related

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Row</strong></td><td>Use Row's Gap setting for consistent spacing between siblings.</td><td><a href="/pages/X8iFEn2kZKLwzxA43m0n">/pages/X8iFEn2kZKLwzxA43m0n</a></td></tr><tr><td><strong>Layout &#x26; Responsive</strong></td><td>Best practices for spacing across breakpoints.</td><td><a href="/pages/i16RUpMIJ1hqIym73t8h">/pages/i16RUpMIJ1hqIym73t8h</a></td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.in8sync.com/client-admin-guide/active-workflows/getting-started/layout-components/space.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
