Seperator Pro

Separates layout sections with customizable styles and orientations.

Installation

npx scrollx-ui@latest add seperatorpro

Usage

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

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

Examples

API Reference

SeparatorPro

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

• variant – Controls the visual style of the separator. Options include: default, dots, wave.

• orientation – Direction of the separator. Options: horizontal (default) or vertical.

• className – Optional custom class names for styling (e.g. height, margin).

• ...props – Inherits all standard HTML div attributes and event handlers.