Chat bubble 聊天气泡

聊天气泡用于显示一行对话及其所有数据,包括作者图像、作者名称、时间等。

类名
类型
chat 组件类 Container for one line of conversation and all its data
chat-start
装饰类
Aligns `chat` to left (required)
chat-end
装饰类
Aligns `chat` to end (required)
chat-image 组件类 For the author image
chat-header 组件类 For the line above the chat bubble
chat-footer 组件类 For the line below the chat bubble
chat-bubble 组件类 For the content of chat
chat-bubble-primary
装饰类
sets `primary` color for the `chat-bubble`
chat-bubble-secondary
装饰类
sets `secondary` color for the `chat-bubble`
chat-bubble-accent
装饰类
sets `accent` color for the `chat-bubble`
chat-bubble-info
装饰类
sets `info` color for the `chat-bubble`
chat-bubble-success
装饰类
sets `success` color for the `chat-bubble`
chat-bubble-warning
装饰类
sets `warning` color for the `chat-bubble`
chat-bubble-error
装饰类
sets `error` color for the `chat-bubble`
# chat-start and chat-end
It's over Anakin,
I have the high ground.
You underestimate my power!
# Chat with image
Tailwind CSS chat bubble component
It was said that you would, destroy the Sith, not join them.
Tailwind CSS chat bubble component
It was you who would bring balance to the Force
Tailwind CSS chat bubble component
Not leave it in Darkness
# 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.
daisyUI store

New template: SaaS Landing page

Available on daisyUI store

More details