Divider
Component that separates content in a list or section.
Import
import { Divider } from '@vortex-kit/vortex';
import type { DividerProps } from '@vortex-kit/vortex';Display
<Divider />Features
Separates content vertically or horizontally
Supports positioning content at the start, center, or end of the divider
Can be used relatively within a parent container
Customizable via className and attributes props
Accessible with proper ARIA attributes
Position
Divider can be positioned vertically or horizontally.
Loading...
Show Code
Content Position
Divider can contain content positioned at start, center, or end. The default position is center.
Loading...
Show Code
Responsive Vertical
The vertical prop supports responsive values, allowing different orientations at different breakpoints.
Loading...
Show Code
Accessibility
Divider component includes necessary ARIA attributes to enhance accessibility for users.
Key | Description |
|---|---|
⬢ | Uses role="separator" to indicate it is a non-interactive element that separates and distinguishes sections of content |
⬢ | Applies aria-orientation to indicate the orientation of the divider, either horizontal (default) or vertical |