Separator

Visually or semantically separates content.

Item 1

Item 2

Item 3

import { Separator } from "@/registry/optics/separator";<Separator /><Separator decoration /><Separator orientation="vertical" className="h-20" />

import { Separator } from "@/registry/optics/separator";<Separator /><Separator decoration /><Separator orientation="vertical" className="h-20" />

Installation

pnpm dlx shadcn@latest add https://optics.agusmayol.com.ar/r/separator.json

Name

Type

className

string

orientation

"horizontal" | "vertical" (default: "horizontal")

decorative

boolean (default: true)

decoration

boolean (default: false)

decorationLeft

boolean (default: false)

decorationRight

boolean (default: false)

decorationTop

boolean (default: false)

decorationBottom

boolean (default: false)