<wmcp-separator>

A thin rule that divides content. Presentational — no WebMCP tool. It carries role="separator" (and aria-orientation when vertical), so assistive tech understands the division between groups.

<wmcp-separator></wmcp-separator>

<!-- Vertical, inside a flex row -->
<div style="display:flex; height:1.5rem; align-items:center">
  <span>Edit</span>
  <wmcp-separator orientation="vertical" style="margin:0 0.75rem"></wmcp-separator>
  <span>Delete</span>
</div>

A horizontal separator fills its container's width; a vertical one fills the height of its flex row.

Element attributes

Theming

:root {
  --separator-color: var(--border);
  --separator-size: 2px; /* thickness */
}