Separator

stable

Horizontal or vertical divider line

import { Separator } from "@nodus/design-system"

FINE

MID

HEAVY

ACCENT

Left

Right

Loading demo…

Props

Prop	Type	Default	Description
`orientation`	`"horizontal" \| "vertical"`	"horizontal"	Divider direction
`weight`	`"fine" \| "mid" \| "heavy" \| "accent"`	"fine"	Border thickness
`color`	`string`	—	Custom border color (defaults to --ds-border-separator)

orientation

Type "horizontal" | "vertical"Default "horizontal"

Divider direction

weight

Type "fine" | "mid" | "heavy" | "accent"Default "fine"

Border thickness

color

Type stringDefault —

Custom border color (defaults to --ds-border-separator)

Metadatahorizontalverticalborder

MobileWorks As-Is

Design Rationale

This component was designed to express:

Semantic section wrapper with vertical spacing

Was this helpful?