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