nessra uinessra ui

Separator

Visually separates content.

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

export function SeparatorDemo() {

Installation

pnpmnpmyarnbun
pnpm dlx shadcn@latest add https://nessra-ui.vercel.app/r/separator.json

Usage

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

Examples

Horizontal

Content above
Content below
import { Separator } from "@/components/ui/separator"

export function SeparatorHorizontal() {

Vertical

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

export function SeparatorVertical() {

API Reference

Separator

PropTypeDefaultDescription
orientation"horizontal" | "vertical""horizontal"The orientation of the separator
decorativebooleantrueWhether the separator is decorative