Separator

stable

A thin rule between content. Horizontal or vertical.

shell

pnpm dlx shadcn@latest add @webzenia/separator

preview

Above

Below

props

orientationhorizontal | vertical= horizontal

Direction.

decorativeboolean= true

If purely visual, it’s hidden from the a11y tree.

accessibility

Decorative by default (aria-hidden). Set decorative={false} only when it conveys real structure.

usage

tsx

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

<Separator />