Separator

Horizontal Separator

Divides sections horizontally

End of content

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

<div class="w-full max-w-sm space-y-4">
  <div>
    <h4 class="text-sm font-medium">Horizontal Separator</h4>
    <p class="text-muted-foreground text-sm">Divides sections horizontally</p>
  </div>
  <Separator />
  <div>
    <h4 class="text-sm font-medium">End of content</h4>
  </div>
</div>

Installation

To install the separator component, run the following command:

npx shadcn@latest add @fulldev/separator

Usage

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

<Separator />