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