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