Components
Separator
Thin rule between related groups. Use sparingly — most groupings can be signalled with spacing alone.
When to usewhen spacing alone doesn't communicate that two groups are related but distinct — dense lists, header/meta pairs, top-nav slots.
Import
import { Separator } from "@ravnhq/efni/separator"Horizontal
Mission MB-4472
Assigned · updated 3m ago
3 waypoints2 operatorsETA 14:20
<Separator className="my-3" />Vertical
DocsFoundationsColor
<Separator orientation="vertical" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "horizontal" | "vertical" | "horizontal" | The orientation of the separator. |
…props | SeparatorPrimitive.Props | — | Everything Separator passes to the element it renders. |