Skip to content

ChatMessage

stable

Conversational message bubble for human or AI sender

Conversation/Storybook ↗
import { ChatMessage } from "@danagraph/design-system/patterns"
Loading demo…

Props

rolerequired
Type "user" | "assistant" | "system" | "tool"Default —

Message sender role

contentrequired
Type stringDefault —

Message text

model
Type stringDefault —

Model identifier

tokens
Type numberDefault —

Token count

timestamp
Type stringDefault —

ISO timestamp

citations
Type Citation[]Default —

Source citation references

humanaisystemsemantictypebordersurface
Design Rationale

This component was designed to express:

Explore Related

Was this helpful?