> For the complete documentation index, see [llms.txt](https://options-docs-v2.avisplus.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://options-docs-v2.avisplus.io/option-types/all-option-types/space.md).

# 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.