Studiov0.6.0

Separator

Tier 1 — shadcn
Layout

A thin horizontal or vertical divider line between content sections.

Live Preview

Above

Below

Code

import { Separator } from "@regen/ui";

<Separator />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Divide form sections
  • •Separate nav items
  • •Break up card content

Do

  • ✓Use orientation='vertical' inside flex rows
  • ✓Keep decorative — no semantic meaning

Don't

  • ✗Don't use to replace margin/padding spacing
  • ✗Don't give it aria roles