ChatBubble

ChatBubble is used in chat interfaces to display messages sent by users, typically in a bubble format showing text, images, or other message content.

Basic

Sizes

Chat bubbles in various sizes for different scenarios.

Rounded Style

Rounded chat bubbles for increased approachability.

Colors

Multi-colored chat bubbles for distinguishing different message sources.

Status

Chat bubbles with status indicators like read, unread, etc.

Animation

Text TypeWriting Animation

Chat bubbles with typewriter text effect for added interactivity.

Code snippet not found, please check if the component name is correct

Breathing Effect Animation

Chat bubbles with breathing animation effect indicating loading status.

Code snippet not found, please check if the component name is correct

Scene

With Image And Control

Chat bubbles with images and control buttons suitable for multimedia messages.

Code snippet not found, please check if the component name is correct

With Progress Bar

Chat bubbles containing progress bars suitable for file or task progress display.

Code snippet not found, please check if the component name is correct

With File

Chat bubbles supporting file information for easy file sharing.

Code snippet not found, please check if the component name is correct

With Dropdown Button

Chat bubbles with dropdown buttons for additional operation options.

Code snippet not found, please check if the component name is correct