Nyte
Components

Message

Message content and metadata

Import
import { Message, MessageContent } from "@nyte-ai/ui/message";

A row for message content and metadata. Use Bubble inside MessageContent for a contained appearance.

Usage

  • Style with className and style, not xstyle. Parts have no default layout.
  • align only sets data-align.

Anatomy

PartElementParent
MessageGroupdivOptional group
MessagedivMessageGroup or your container
MessageAvatardivMessage
MessageContentdivMessage
MessageHeaderdivMessageContent
MessageFooterdivMessageContent

Examples

<Message align="end">
  <MessageContent>Can you inspect this file?</MessageContent>
</Message>

Props

Parts take native props and refs and set a matching data-slot.

PartPropTypeDefault
Messagealign"start" | "end""start"

Accessibility

Message parts add no role, label or live region.