Components / Separator

Separator

A hairline divider between adjacent content regions when spacing alone does not read as a boundary.

import { Separator } from '@layers/ui/separator'

Rendered stock

House rules

  • The default is horizontal and full width; orientation="vertical" divides inline rows and stretches to the row height.
  • Keep the stock bg-border token; never repaint a separator.