Separator

Separator draws a rule in either direction, horizontal or vertical. Pass decorative for a purely visual divider that is hidden from screen readers; leave it off when the rule genuinely separates content and should be announced as one.

Why it is built this way

Whether a rule gets announced is an accessibility decision, not a styling one, so decorative swaps the actual element rather than just its look: a real <hr> when it separates content, a styled, aria-hidden span when it is furniture. A data attribute alone could never have carried that distinction honestly.

Install

tanstack add https://adamjurek.com/r/tanstack/separator.json

pnpm dlx shadcn@latest add https://adamjurek.com/r/shadcn/separator.json

pnpm add @sushindustries/ui @sushindustries/atoms

What you get