🚧 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
| Property | Description | Type | Default Value |
|---|---|---|---|
| text | The text to display in the bubble. @description The content of the bubble, which can include Markdown syntax. | string (Required) | - |
| background | Whether to display the background of the bubble. | "transparent" | "solid" | solid |
| pending | Custom pending content to display when pending is true. @description If not provided, will use default dots animation. | React.ReactNode | - |
| isPending | Whether the bubble is in pending state. | boolean | - |
Avatar
| Property | Description | Type | Default Value |
|---|
BubbleList
| Property | Description | Type | Default Value |
|---|---|---|---|
| background | How to display the background of the bubbles. | "transparent" | "solid" | "left-solid" | "right-solid" | "right-solid" |
| threshold | The height threshold for triggering scroll behavior. | number | 8 |
ON THIS PAGE