Basic
JD
John Doe Active 2 mins ago
JD
Hey, did you see Svelte 5 just got released?
12:18 AM
JD
Yes! The runes system looks really interesting!
12:21 AM
JD
Right? Such a big change from the previous reactive system
12:23 AM
JD
Have you tried migrating any projects to it yet?
12:26 AM
JD
Just started with a small one. The migration guide is super helpful
12:28 AM
JD
Any breaking changes causing issues?
12:31 AM
JD
The new $state syntax took some getting used to, but its cleaner now
12:33 AM
JD
The performance improvements are impressive too
12:36 AM
JD
Yeah, the compiler optimizations are amazing. Much faster now
12:38 AM
JD
Looking forward to using it in my next project!
12:41 AM
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