Basic
JD
John Doe Active 2 mins ago
JD
Hey, did you see Svelte 5 just got released?
7:28 PM
JD
Yes! The runes system looks really interesting!
7:31 PM
JD
Right? Such a big change from the previous reactive system
7:33 PM
JD
Have you tried migrating any projects to it yet?
7:36 PM
JD
Just started with a small one. The migration guide is super helpful
7:38 PM
JD
Any breaking changes causing issues?
7:41 PM
JD
The new $state syntax took some getting used to, but its cleaner now
7:43 PM
JD
The performance improvements are impressive too
7:46 PM
JD
Yeah, the compiler optimizations are amazing. Much faster now
7:48 PM
JD
Looking forward to using it in my next project!
7:51 PM
JD
Installation
Usage
Acknowledgements
This component takes inspiration from jakobhoeg/shadcn-chat.
API Reference
Chat.
List
The root container for chat messages.
| Prop | Type | Default |
|---|---|---|
ref? $bindable | HTMLDivElement | null |
children? | Snippet | - |
Chat.
Bubble
A chat bubble.
Chat.
BubbleMessage
The message content within a chat bubble.
| Prop | Type | Default |
|---|---|---|
ref? $bindable | HTMLDivElement | null |
children? | Snippet | - |
typing? | boolean | false |
Chat.
BubbleAvatar
The avatar shown next to a chat bubble, inherits all Avatar.Root props.
Documentation for this component's props can be found at bits-ui.com