Separator

Horizontal and vertical rules, with an optional centred label for “or continue with”.

2 files · 41 locdeps: clsx, tailwind-merge

Living components for Tailwind.

Docs

Backgrounds

Blocks

or continue with

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/separator.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs separator

import { Separator } from "@/components/opus/ui/separator";

<Separator label="or" />

Prop	Type	Default	Description
orientation	"horizontal" \| "vertical"	"horizontal"	Direction of the rule.
label	string	—	Text centred on a horizontal rule.
decorative	boolean	true	Hide from assistive tech. Set false for a semantic separator.