# Space

The **Space** option type allows you to add vertical spacing between options on your product page, improving the visual layout and making the page easier to navigate. This feature is particularly useful for separating sections or grouping related options together.

👉You can check out our [Demo prouduct](https://avis-demo.avisplus.io/products/heading-paragraph) to see how it works 

***

## **Basic Option Settings**

<figure><img src="/files/r0vItDwHGCZdCVghybPb" alt=""><figcaption></figcaption></figure>

#### **1. Option Name**

The internal name used within your app to identify the Space option. This helps keep your options organized during setup.

#### **2. Spacer Height**

Specifies the height of the space in pixels. This setting determines how much vertical space will be added between the options on your product page.

#### **3. Conditional Logic**

Allows the Space option to be displayed or hidden based on customer selections or other conditions. This ensures the spacing only appears when it’s needed.

{% hint style="info" %}
[How to set up Conditional logic for your options](https://options-docs-v2.avisplus.io/app-features/conditional-logic-option-b-shows-if-option-a-is-selected)
{% endhint %}

***

## **Advanced Option Settings**

<figure><img src="/files/udtV1tDOagjCWL0ytNof" alt=""><figcaption></figcaption></figure>

#### **1. Class Name**

#### Assigns a custom CSS class to the Space option, enabling you to apply specific styling or behavior through CSS for a consistent look and feel across your product pages.


---

# 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://options-docs-v2.avisplus.io/option-types/all-option-types/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.