Chat Bubble

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

Simple chat message on the left.

Chat message on the right.

With avatar, header, and footer.

Obi-Wan Kenobi

You were the chosen one!

2 hours ago

Anakin Skywalker

I hate you!

2 hours ago

Different colors for message bubbles.

use rsxui::components::{Chat, ChatBubble, ChatPlacement};

use rsx_macros::rsx;

let html = rsx! {

    <Chat placement={ChatPlacement::Start}>

        <ChatBubble>"Hello!"</ChatBubble>

    </Chat>

};