<div class="chat chat-start">
<div class="chat-image avatar">
<div class="w-10 rounded-full">
<img src="https://picsum.photos/192/192" />
</div>
</div>
<div class="chat-bubble ">
It was said that you would, destroy the Sith, not join them.
</div>
</div>
@jrmc.chat()
@slot('avatar')
<img src="https://picsum.photos/192/192" />
@end
It was said that you would, destroy the Sith, not join them.
@end
Doc : daisyui chat
Chat bubbles are used to show one line of conversation and all its data, including the author image, author name, time, etc.
| Class name | Type | |
|---|---|---|
| chat | Component | Container for one line of conversation and all its data |
| chat-start | Modifier | Aligns chat to left (required) |
| chat-end | Modifier | Aligns chat to end (required) |
| chat-image | Component | For the author image |
| chat-header | Component | For the line above the chat bubble |
| chat-footer | Component | For the line below the chat bubble |
| chat-bubble | Component | For the content of chat |
| chat-bubble-primary | Modifier | sets primary color for the chat-bubble |
| chat-bubble-secondary | Modifier | sets secondary color for the chat-bubble |
| chat-bubble-accent | Modifier | sets accent color for the chat-bubble |
| chat-bubble-info | Modifier | sets info color for the chat-bubble |
| chat-bubble-success | Modifier | sets success color for the chat-bubble |
| chat-bubble-warning | Modifier | sets warning color for the chat-bubble |
| chat-bubble-error | Modifier | sets error color for the chat-bubble |