Separator

Visually or semantically separates content.

shadcn/ui docs

8bit

Pixel-cornered UI components.

Docs

Components

Themes

Installation

pnpm dlx shadcn@latest add https://8bit.cnlibs.com/r/separator.json

Usage

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

<div className="flex w-full max-w-md flex-col gap-4">
  <div className="space-y-1">
    <h4 className="font-heading text-sm">
      8bit
    </h4>
    <p className="text-muted-foreground text-sm">
      Pixel-cornered UI components.
    </p>
  </div>
  <Separator />
  <div className="flex h-5 items-center gap-4 text-sm">
    <span>Docs</span>
    <Separator orientation="vertical" />
    <span>Components</span>
    <Separator orientation="vertical" />
    <span>Themes</span>
  </div>
</div>