ChatSystemMessage

Centered inline system message — presence updates, mode switches, and similar notices. Uses the same tone vocabulary as Alert and Badge, plus a neutral default.

Examples

Default

There is no @var-ui/astro ChatSystemMessage — Astro and HTML use the core recipe with role="status".

import { ChatSystemMessage } from '@var-ui/react';

<>
  <ChatSystemMessage tone="info">Model switched to GPT-5</ChatSystemMessage>
  <ChatSystemMessage tone="success">Alex joined the conversation</ChatSystemMessage>
</>

Props

Accessibility

Rendered with role="status".