jsp-dsv0.1

Separatorshadcn

A line between content.

Data display
Install
npx shadcn add separator
Import from
@/components/ui/separator
Guidance
draft · v0.1.0

Examples

As installed from shadcn – rendering in jsp-ds tokens through the bridge.

jsp-ds
Docs
Registry
Changelog
Divide content horizontally or vertically. Decorative by default.

Guidance

When to use

  • A line between groups of content, horizontal or vertical.

Rules

  • Decorative by default. If it separates sections a screen reader should know about, use headings instead.
  • Prefer space to lines; use a separator where space alone isn't enough.

Install

Terminal
npx shadcn add separator
Import
import { Separator } from "@/components/ui/separator"

From shadcn’s own registry. Don’t edit the installed file – jsp-ds styles it through the bridge, and fixes go in styles/overrides.css with an issue.