Separators

Usage and anatomy

Separator is a single visual or semantic divider. It renders horizontally by default; use a vertical separator inside a container with an explicit height.

import { Separator } from "@acme/ui/separator"

<div className="plumeui-wv">
  <p>Account settings</p>
  <Separator />
  <p>Notification preferences</p>
</div>

• Keep the default decorative behavior when the divider only provides visual grouping.
• Set decorative={false} when the separator communicates a meaningful boundary to assistive technology.

API reference

Separator

Separator also accepts the native props supported by the underlying Radix Separator element.