Divider

Visual content separators

UtilityStable

Preview

Interactive preview of the Divider component with different variants.

Content above

Content below

Section 1

Section 2

Installation

Install the package via npm:

bash
npm install apex-design-system

Import

tsx
import { Divider } from 'apex-design-system';

Basic Usage

tsx
<div>Section 1</div>
<Divider />
<div>Section 2</div>

Accessibility

This component follows WAI-ARIA best practices and is WCAG 2.1 AA compliant. It includes proper keyboard navigation, focus management, and screen reader support.

View in StorybookView source