Separator
A visual divider between sections of content.
Spark UI
An open-source UI component library.
BlogDocsSource
OR
Usage
import { Separator } from '@epilot/spark-ui/separator'<Separator />
<Separator orientation="vertical" />Pass children to render a centered text label between two lines (e.g. an "OR" divider). This is only supported for horizontal separators.
<Separator>OR</Separator>API Reference
| Prop | Type | Default |
|---|---|---|
orientation | "horizontal" | "vertical" | "horizontal" |
decorative | boolean | true (false when children is set) |
children | React.ReactNode | - |
Decorative separators have role="none" so screen readers skip them. A plain line defaults to decorative since it's purely visual, but a labeled divider (e.g. "OR") defaults to role="separator" since the label conveys real meaning. Pass decorative explicitly to override either default.