---
title: "UIKit divider line component"
date: "2020-11-20T08:17:25+00:00"
summary: "Create a sleek horizontal divider with UIKit's customizable line component. Easily adjust thickness, spacing, and color to perfectly match your design needs and enhance visual separation."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/uikit-divider-line-component"
id: "6927a822-38b0-4818-be37-ce6ba5c68983"
---

The divider line component provides a configurable horizontal divider line.

**Key information about this component:**

**Layout canvas elements**
--------------------------

*   **Container** - Provides a span element for the divider line.

Component form fields
---------------------

*   **Thickness -** Sets the height of the divider span.
*   **Space above -** Sets a margin above the divider span.
*   **Space below -** Sets a margin below the divider span.
*   **Color -** Sets the background color of the divider span.