#Message Status

Message Status reports a bounded delivery or generation state beside one message. It does not make the whole transcript a live region.

npm install @a3s-lab/ui@0.4.0

<output class="message-status" data-state="streaming" aria-live="polite">
  <span data-message-status-indicator aria-hidden="true"></span>
  <span data-message-status-label>Generating response</span>
</output>

import "@a3s-lab/ui/a3s.css";
import "@a3s-lab/ui/all";

#Usage

<output class="message-status" data-state="streaming" aria-live="polite">
  <span data-message-status-indicator aria-hidden="true"></span>
  <span data-message-status-label>Generating response</span>
</output>

#Parameters

#States and variants

Use queued only when the message is retained for later submission. Error state includes a direct retry or recovery path when available.

#Accessibility

Add a polite live region only while status changes asynchronously. Do not announce every streamed token.