Separator

Visually or semantically separates content.

shadcn/ui docs →

Preview

@trents/ui

An open-source component library.

Docs
Source
Blog

Installation

terminal
$
Other package managers 
bunx --bun shadcn@latest add https://trents.tech/r/separator.json

Dependencies: @radix-ui/react-separator

Usage

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

<div>
  <div className="space-y-1">
    <h4 className="text-sm font-heading">@trents/ui</h4>
    <p className="text-sm text-muted-foreground">An open-source component library.</p>
  </div>
  <Separator className="my-4" />
  <div className="flex h-5 items-center gap-4 text-sm">
    <span>Docs</span>
    <Separator orientation="vertical" />
    <span>Source</span>
    <Separator orientation="vertical" />
    <span>Blog</span>
  </div>
</div>
0