Dinachi

Separator

A visual divider used to separate and organize content.

View Source

#Installation

npx @dinachi/cli@latest add separator

#Usage

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

#Examples

Default Separator

A basic separator with horizontal and vertical usage

Dinachi UI

An accessible component library.

Docs
Source
Blog

Separator Orientations

Separators in horizontal and vertical orientations

Horizontal

Item AItem BItem C

#API Reference

PropTypeDefaultDescription
orientation'horizontal' | 'vertical''horizontal'Sets the separator orientation.
decorativebooleantrueWhether the separator is decorative only.