Separator
A rule that divides related content.
Upstream documentationExamples
Content above
Content below
Installation
Run the Ninaero registry command to install the component and its dependencies, including shared theme styles.
Install Separator
pnpm dlx shadcn@latest add 'https://ninaero.pages.dev/r/separator.json'Usage
A complete example using the installed component and hook paths.
Separator usage
"use client";import { Separator } from "@/components/ui/separator";const SeparatorPreview = function SeparatorPreview() { return ( <div className="w-full space-y-4 text-sm"> <p>Content above</p> <Separator /> <p className="text-muted-foreground">Content below</p> </div> ); };export default function Demo() { return <SeparatorPreview />;}API Reference
Ninaero exports and local defaults are listed below. See the upstream reference for inherited primitive props and additional composition examples.
Separator
Separator props
SeparatorPrimitive.Props- orientation
- "horizontal"