Separator

The 1px hairline on --border, horizontal or vertical. The only separation language: no double borders, no shadows standing in for a divider.

<Separator />
<Separator orientation="vertical" />

Horizontal

Everything above this line is the lot summary; everything below is the activity log.

Listing went live at 09:14.

Vertical

Decorative vs semantic

decorative (the default) hides the separator from assistive tech, for a purely visual divide inside content that already has structure. decorative={false} adds role='separator' for a divider that carries real meaning, such as breaking a list into sections.

Purely visual, no role: default decorative.

Semantic, announced as a separator, between this and the archive.

  • Archived: August orders
  • Archived: July orders