Skip to content
Chat

ChatMessageMetadata

Timestamp and optional status text for a chat message.

ChatMessageMetadata

Thin composition of the existing Timestamp with optional status content (e.g. “Read”) — no dedicated recipe. Typically passed to ChatMessage’s metadata prop. See ChatMessage for the full message wiring.

Examples

Default

There is no @var-ui/astro ChatMessageMetadata — Astro and HTML show Timestamp + status via core recipes.

Read
Demo.tsxtsx
import { ChatMessageMetadata } from '@var-ui/react';

<ChatMessageMetadata date={new Date()} format="time" status="Read" />

Props

Accessibility

The timestamp and status are rendered as plain text content, so they’re exposed to assistive technology in the same way as any other inline text within the message row.