Skip to main content

Divider

A divider is a visual element used to create a separation or divide between sections, content or components within a user interface.

Overview

The purpose of dividers is to create a clear visual distinction between elements or sections, improving the overall layout and user experience. It helps users understand the structure and hierarchy of the content, making it easier to navigate and understand the interface.

Dividers are commonly used to visually separate different sections, such as between paragraphs of text, in lists, or between distinct components or modules. They provide visual clarity, improve readability, and contribute to a more organised and aesthetically pleasing user interface.

A horizontal divider that separates two sections.

Resources

Stable
Stable
Stable
Stable
Stable
Vue [Fozzie]
N/A
Stable
iOS JustUI [UI Kit]
Stable
iOS PIE [SwiftUI]
Planned
Android PIE [Compose & Views]
Stable
Back to top