🚧 MateChat React document is still under development

Bubble

Bubble components used to contain conversation content, supporting transparent background, custom loading animation, etc.

Examples

Properties

Bubble

PropertyDescriptionTypeDefault Value
textThe text to display in the bubble. @description The content of the bubble, which can include Markdown syntax.string (Required)-
backgroundWhether to display the background of the bubble."transparent" | "solid"solid
pendingCustom pending content to display when pending is true. @description If not provided, will use default dots animation.React.ReactNode-
isPendingWhether the bubble is in pending state.boolean-

Avatar

PropertyDescriptionTypeDefault Value

BubbleList

PropertyDescriptionTypeDefault Value
backgroundHow to display the background of the bubbles."transparent" | "solid" | "left-solid" | "right-solid"right-solid
ON THIS PAGE