Seperator Pro

Separates layout sections with customizable styles and orientations.

Installation

npx shadcn@latest add @scrollxui/seperatorpro

import { SeparatorPro } from '@/components/ui/seperatorpro';

<SeparatorPro variant="wave" className="my-4" />
<SeparatorPro variant="wave" orientation="vertical" className="h-4" />

The SeparatorPro component renders a visual divider with support for multiple stylistic variants and orientations.

Property	Type	Default	Description
`variant`	"default" \| "dots" \| "wave"	`"default"`	Visual style of the separator.
`orientation`	"horizontal" \| "vertical"	`"horizontal"`	Direction of the separator.
`className`	string	`—`	Optional class for custom styling.
`...props`	HTMLDivElement attributes	`—`	All standard div element props.