Layout

Separator

Divides adjacent content visually, with optional semantic separator behavior.

@dawn/ui/components/separator

Preview

Rendered from @dawn/ui

Follow-up consultation

Thursday, 23 July · 10:30

30 minutes with Dr. Meyer

Notes

History

Files

Usage

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

export const Metadata = () => (
  <div>
    <p>Thursday · 10:30</p>
    <Separator className="my-3" />
    <p>30 minutes · Berlin</p>
  </div>
);

API

orientationhorizontal | vertical: Sets the axis and corresponding dimensions.
decorativeboolean: Removes separator semantics when the line is only visual; defaults to true.

Exports

Separator