Skip to content
Perimeter Style

Separator

Visually or semantically separates content.

Usage

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

<Separator orientation="horizontal">...</Separator>
<Separator orientation="horizontal">...</Separator>

Light

Dark

Default

Metrics

Perimeter Api

Separator Controls

orientation

Examples

Horizontal

Section Title

Section content below.

Vertical

BlogDocsSource

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/separator

Used in Templates

Search

Search for components, templates, and more.