Divider Element

The Divider Element adds a thin horizontal line between content blocks. It helps visually separate sections on a screen — improving readability and layout clarity.

---

⚙️ Settings Tab – Customize Your Divider

🔧 Divider Settings

• Height: Use the slider to set line thickness (e.g., 1px–10px)

• Color: Choose from your brand palette or enter a HEX code (e.g., #171B1D)

📏 Margin

Add spacing around the divider:

• Adjust Top, Bottom, Left, and Right margins

• Use linked controls (🔗) to keep spacing consistent

👁️ Visibility

Control where and when the divider appears:

• Platform: Android, iOS, PWA, or All

• Device: Mobile, Tablet, or All

• User: Guest, Logged-in, or All

---

✅ Use Case Ideas

Scenario	Why Use Divider
Between banner and product list	Creates visual flow
Between FAQs or sections	Improves content scannability
Under section headers	Adds definition to titles or sections
Between form fields or rows	Separates grouped UI elements