Plinth

Separator

Horizontal or vertical divider.

Above

Left

Right

Install

npx shadcn@latest add https://plinth.dhrumilkherde.com/r/separator.json

Usage

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

<Separator />
<Separator orientation="vertical" className="h-6" />

Props

PropTypeDefault
orientationhorizontal · verticalhorizontal

Accessibility

  • Built on Base UI Separator: renders with role="separator" and the correct aria-orientation.

On this page