Separator

Displays a divider to organize content visually or contextually.

Docs

9ui is a component library for building modern web applications.

Website

Documentation

Community

separator-demo.tsx
import { Separator } from "@/components/ui/separator"
 
export function SeparatorDemo() {
	return (
		<div>
			<p>9ui is a component library for building modern web applications.</p>
			<Separator className="my-2.5" />
			<div className="flex gap-2.5">
				<p>Website</p>
				<Separator orientation="vertical" />
				<p>Documentation</p>
				<Separator orientation="vertical" />
				<p>Community</p>
			</div>
		</div>
	)
}

Installation

npx shadcn@latest add https://9ui.dev/r/separator

Usage

Imports
import { Separator } from "@/components/ui/separator"
Anatomy
<Separator />