Components
Separator
A visual separator component for dividing content into distinct sections.
Basic Usage
The Separator component provides a visual divider that can be used horizontally or vertically.
Content above
Content below
import { Separator } from "@epilot/volt-ui"
<div className="flex flex-col gap-4">
<div>Content above</div>
<Separator />
<div>Content below</div>
</div>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "horizontal" | "vertical" | "horizontal" | The orientation of the separator. |
decorative | boolean | true | When true, the separator is purely decorative and not announced by screen readers. |
className | string | - | Additional CSS classes to apply to the separator. |