> 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/divider.md).

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