Purpose

Visual or semantic divider. Mirrors shadcn Separator. Built on @radix-ui/react-separator.

Island model

island: false. No JS — Radix Separator is a server-renderable primitive.

Peer dependencies

  • @radix-ui/react-separator@^1.1

Public API

export function Separator(props: Radix.SeparatorProps & { className?: string }): JSX.Element
export const island = false

Patties adjustments

  • Removes forwardRef.
  • orientation defaults to "horizontal"; decorative defaults to true.

Acceptance criteria

  • Decorative separator renders without role="separator".
  • Non-decorative separator renders role="separator" with aria-orientation.
  • Bundle audit: zero JS.