Components · Chat

Message

One turn in a conversation: a bubble or plain text in six variants, with an avatar, header, footer, timestamp, reactions, hover actions and a caret while the reply streams.

Can you split this into two messages?

Like a quick follow-up.

👍

09:41

Assistant

Parts that follow each other stack tightly, and only the last one gets the tail. Hover this reply to see its actions.

09:42

And while a reply is still being written

Installation

The command adds the @aiellie registry to components.json on its first run. With it there, shadcn installs it too: npx shadcn@latest add @aiellie/message.

Usage and the API reference for Message are still being written.