# Divider

The **Divider** option type allows you to add horizontal lines or dividers to your product page, helping to separate and visually organize different sections or elements. This enhances the layout by providing clear boundaries between content areas.

👉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/sZYYl7k7FeC4U32dDjLp" alt=""><figcaption></figcaption></figure>

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

The internal name used within your app to identify the Divider option. This helps with organizing and managing dividers during setup.

#### **2. Style**

Determines the visual style of the divider. Options include:

* **Solid**: A continuous, unbroken line.
* **Double**: Two parallel lines with space between them.
* **Dashed**: A line made up of short, evenly spaced dashes.
* **Dotted**: A line made up of small, evenly spaced dots.

#### **3. Color**

Allows you to choose the color of the divider line. This setting helps in customizing the divider to fit your design preferences and maintain consistency with your brand.

#### **4. Conditional Logic**

Allows the divider to be displayed or hidden based on customer selections or other conditions. This ensures the divider appears only when relevant to the customer's choices or context.

{% 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/HURTeqOLW9TDTxfhdpUj" alt=""><figcaption></figcaption></figure>

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

Assigns a custom CSS class to the Divider option, enabling you to apply specific styling or behavior through CSS. This helps in maintaining a consistent design and layout 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/divider.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.