<wmcp-alert>

An inline callout for a message that stays on the page (as opposed to a toast, which is transient). Presentational — no WebMCP tool; an agent reads it from the accessibility tree. It takes role="alert" for error/warning and role="status" otherwise, so assistive tech announces the urgent ones.

<wmcp-alert variant="error" title="Card declined">
  Check the number and try again.
</wmcp-alert>

Element attributes

The message is the element's slotted content.

Theming

The left accent bar is per-variant; the rest is themeable through the design tokens:

:root {
  --alert-accent-success: oklch(0.627 0.13 160);
  --alert-radius: 0.5rem;
  --alert-padding: 1rem 1.25rem;
}