Visual divider between content blocks, decorative or semantic.

npx slipstream-ui@latest add separator
Usage
Section A
Section B

Props

PropTypeDefaultDescription
orientation'horizontal' | 'vertical''horizontal'Direction of the divider line.
labelstring—Accessible name; when set, the separator becomes semantic.

Accessibility

  • Decorative by default (role=none) so screen readers skip it.
  • Pass a label to make it a semantic separator.