Chat Bubble

DaisyUI

Chat bubbles are used to show one line of conversation and all its data.

Basic Chat

Simple chat message on the left.

Hello! How are you?
Chat End

Chat message on the right.

I'm doing great, thanks!
Full Chat Example

With avatar, header, and footer.

User
Obi-Wan Kenobi
You were the chosen one!
User
Anakin Skywalker
I hate you!
Chat Bubble Colors

Different colors for message bubbles.

Info message
Success message
Warning message
Error message
Code Example
use rsxui::components::{Chat, ChatBubble, ChatPlacement};
use rsx_macros::rsx;
let html = rsx! {
    <Chat placement={ChatPlacement::Start}>
        <ChatBubble>"Hello!"</ChatBubble>
    </Chat>
};