layout
Separator
Visual divider between content sections. Horizontal or vertical, decorative or semantic.
Import
import { Separator } from '@stella-ds/react'Props
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | 'horizontal' | 'vertical' | 'horizontal' | Divider direction |
| decorative | boolean | true | Hides from screen readers (role="none") when true |
Preview
Content above
Content below
Left
Right
Examples
Basic
<Separator />
<Separator orientation="vertical" />