Divider
1px hairline rule for separating stacked content within a panel.
Preview
Between two groups
Group A
Group B
<div>Group A</div><hr class="nx-divider"><div>Group B</div><div>Group A</div>
<NxDivider />
<div>Group B</div>API
Classes
| Class | Description |
|---|---|
.nx-divider | 1px hairline bg, no border |
Accessibility
- Renders as a native <hr> — announced as a thematic break; no extra ARIA needed.
Do / Don’t
- Do: Use to separate distinct control groups inside one card body.Don’t: Don't use it to fake a card boundary — use NxCard instead.