Separator

Visual divider, wrapping Radix Separator.

Separator wraps @radix-ui/react-separator — a --border-colored rule, horizontal or vertical, decorative by default.

Installation

import { Separator } from "@iammikz/srui";

Usage

Content above

Content below

Props

Prop	Type	Default	Description
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`	Rule direction
`decorative`	`boolean`	`true`	`true` hides it from the a11y tree; set `false` only if it separates content semantically

Examples

Vertical

Left

Right

Accessibility

Decorative by default (aria-hidden), which is what you want almost always. Set decorative={false} only when the separator is a meaningful content boundary for assistive tech.