> For the complete documentation index, see [llms.txt](https://help.twinr.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.twinr.dev/native-screen/divider-element.md).

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

***

## <mark style="color:green;">⚙️ Settings Tab – Customize Your Divider</mark>

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

***

### <mark style="color:green;">✅ Use Case Ideas</mark>

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