Playground
Separator
ui
layout
Visual divider between content sections
Horizontal or vertical separator line
import { Separator } from "@everydayos/ui";Usage
Divider between content sections
Content above the separator
Content below the separator
API
| Prop | Type | Default |
|---|---|---|
className | unknown | — |
orientation | unknown | "horizontal" |
decorative | unknown | true |
Examples
Vertical Separator
Divider between inline elements
Composition
Pairs well with
Stack
Section
When to avoid
- Need spacing only — use Stack spacing instead
- Need border on container — use Surface border instead