The main wrapper for a chat message or sequence. Controls alignment and whitespace.

The colored speech bubble for chat messages. Supports semantic color props or a custom color string.

Displays an avatar next to a chat bubble. Uses the Avatar component under the hood, so all Avatar props are also supported.

The header area for a chat message. Use for names, timestamps, or status.

The footer area for a chat message. Use for metadata, reactions, or actions.