This is some text above the divider. It demonstrates how the divider creates visual separation between content sections.
This is some text below the divider. The spacing around the divider helps create a clear visual hierarchy in the content.
`
```
## Usage
**Use Divider to:**
- Separate unrelated content areas: Useful between distinct sections of a single view, such as separating employee performance reviews from contract details.
- Indicate transitions or breaks in context: Especially in long-form content like HR policies or onboarding documentation.
- Visually group related content: For example, to mark a boundary between primary content and metadata or supporting information.
- Divide summary blocks in dashboards: Such as between performance metrics and team feedback.
**Do not use Divider to:**
- Create visual spacing: Use padding or margin utilities for layout adjustments. The divider is for thematic breaks, not spacing.
- Separate every block of content: Overuse can reduce its visual impact and cause clutter.
- Replace headings or navigation indicators: It should support content hierarchy, not define it.
## Other considerations
- Do not place important content directly above or below the divider without clear context. Make sure the purpose of the division is obvious to the user.
- Consider using labels or section titles when dividing complex information.
- Ensure adequate spacing around the divider so it doesn’t appear cramped.
## Design rationale
- The Document Divider helps users visually parse information quickly, especially in dense data views common in HR platforms. Instead of overloading interfaces with borders and boxes, the divider offers a subtle cue for organization without overwhelming the user.
- It supports a minimalist design ethos while preserving clarity, aligning with Nordhealth’s principle of “information hierarchy over decoration” and Nielsen Norman Group's guidance on scannability and chunking content.