Separator
Visual or semantic divider. Mirrors shadcn Separator. Built on @radix-ui/react-separator.
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. orientationdefaults to"horizontal";decorativedefaults totrue.
Acceptance criteria
- Decorative separator renders without
role="separator". - Non-decorative separator renders
role="separator"witharia-orientation. - Bundle audit: zero JS.