Chat bubble
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` |
#
chat-start and chat-end
It's over Anakin,
I have the high ground.
I have the high ground.
You underestimate my power!
#
Chat with image
It was said that you would, destroy the Sith, not join them.
It was you who would bring balance to the Force
Not leave it in Darkness
#
Chat with image, header and footer
Obi-Wan Kenobi
You were the Chosen One!
Anakin
I hate you!
#
Chat Bubble with colors
What kind of nonsense is this
Put me on the Council and not make me a Master!??
That's never been done in the history of the Jedi. It's insulting!
Calm down, Anakin.
You have been given a great honor.
To be on the Council at your age.
It's never happened before.
Do you have a question?
ask the community
Do you see a bug?
open an issue on GitHub
Do you like daisyUI?
tweet about it!
Support daisyUI's development:
Open Collective