Separator

Visually or semantically separates content.

Preview

Radix Primitives

An open-source UI component library.

Blog
Docs
Source

Installation

Use the CLI to add this component to your project.

npx shadcn@latest add https://ui.nyxhora.com/r/separator.json

Usage

tsx
5 lines
1
2
3
4
5
import { Separator } from "@/components/ui/separator"

export default function MyComponent() {
  return <Separator />
}

Examples

Horizontal

Content above

Content below

Vertical

Item 1
Item 2
Item 3