Separator

Separator is built on the Base UI Separator primitive. It renders as a horizontal or vertical line and carries the appropriate ARIA separator role.

InstallationCopy Anchor Link

pnpm dlx shadcn@latest add https://faber-ui.vercel.app/r/separator.json

UsageCopy Anchor Link

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

export default function Example() {
  return <Separator />;
}

ExamplesCopy Anchor Link

HorizontalCopy Anchor Link

VerticalCopy Anchor Link

APICopy Anchor Link

The Separator accepts an orientation prop ("horizontal" or "vertical") and all Separator props from @base-ui/react/separator.