Chat Bubble - Laravel Blade

Use the chat bubble component to show messages in a chat-like interface.

Default Chat Bubble

Bonnie Green
Bonnie Green 11:46

That's awesome. I think our users will really appreciate the improvements.

You 11:47

Thanks! I'm glad you think so.

Blade code

<div class="space-y-4">
    <x-fwb.chat-bubble name="Bonnie Green" time="11:46" avatar="https://flowbite.com/docs/images/people/profile-picture-3.jpg" message="That's awesome. I think our users will really appreciate the improvements." />
    <x-fwb.chat-bubble name="You" time="11:47" position="right" message="Thanks! I'm glad you think so." />
</div>