Separator

Install

pnpm dlx shadcn@latest add @namche/separator

Usage

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

<Separator />
<Separator orientation="vertical" />

orientation defaults to horizontal; a vertical separator needs its container to give it a height (a flex row with items-center, for example) since it otherwise has nothing to stretch against. The rule itself is the system's single hairline, bg-border, at 1px rather than the 0.5px stroke used for outlines. Base UI's Separator is accessible to screen readers by default, with no extra prop needed to mark it as such.