Preview
Use Case
Simple but essential, the Divider creates visual breathing room between sections. Optional label support makes it useful for creating named sections.
Props API
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | 'horizontal' | 'vertical' | 'horizontal' | Divider orientation |
label | string | — | Optional center label |
class | string | — | Additional CSS classes |
Related Components
See it in Action
Explore the Divider in an interactive dashboard environment.
Customize in ShowroomMore Layout Components
Panel
The Panel component groups related content with a consistent label style.
Toolbar
This control strip combines multiple input types into a cohesive unit, reducing visual noise while maximizing functionality.
Pagination
Designed to scale from 5 to 500 pages, this pagination component uses smart ellipsis logic to keep the UI compact while maintaining context.