Separator

A visual divider between content.

Updated 2026-06-04

Horizontal & vertical

<div>
  <div class="space-y-1">
    <h4 class="text-sm font-medium">Railbase UI</h4>
    <p class="text-sm text-muted-foreground">A Preact port of shadcn/ui.</p>
  </div>
  <Separator class="my-4" />
  <div class="flex h-5 items-center gap-4 text-sm">
    <span>Blog</span><Separator orientation="vertical" /><span>Docs</span>
  </div>
</div>

A visual divider between content.

Installation

railbase ui add separator

Usage

import { Separator } from "@/lib/ui/separator";

<div>Top</div>
<Separator class="my-2" />
<div>Bottom</div>